#assetsInventoryPage { min-width: 0; }
#assetsInventoryPage [hidden], #aiDialog [hidden] { display: none !important; }
#assetsInventoryPage .topbar-actions button { min-height: 42px; padding: 9px 13px; font-size: 13px; }
.ai-intro { display: flex; align-items: center; gap: 20px; padding: 26px 28px; background: #f6f1ec; border: 1px solid #e5d9cd; border-radius: 16px; margin-bottom: 22px; }
.ai-intro > div { flex: 1; }.ai-intro h2 { margin: 7px 0; font-size: 23px; }.ai-intro p { margin: 0; max-width: 700px; color: #786d66; line-height: 1.6; font-size: 13px; }
.ai-intro label, .ai-filters label, .ai-report-controls label, .ai-grid label { display: grid; gap: 7px; font-size: 12px; font-weight: 650; min-width: 0; }
.ai-intro input, .ai-filters input, .ai-filters select, .ai-report-controls input, .ai-report-controls select, .ai-grid input, .ai-grid select, .ai-grid textarea { min-width: 0; max-width: 100%; width: 100%; border: 1px solid #ddd5cd; border-radius: 9px; background: white; padding: 10px 12px; color: #302924; font: inherit; min-height: 42px; }
.ai-grid input:disabled, .ai-grid select:disabled { background: #f0efed; color: #786d66; }.ai-grid textarea { resize: vertical; }
.ai-tabs { display: flex; gap: 8px; margin: 22px 0 14px; overflow-x: auto; padding-bottom: 4px; }
.ai-tabs button { flex: 1 0 auto; border: 1px solid #e3dbd3; background: white; border-radius: 10px; padding: 13px 18px; color: #655950; font-size: 13px; font-weight: 750; }
.ai-tabs button[aria-selected=true] { background: #302924; color: white; border-color: #302924; }
.ai-content { overflow: hidden; }.ai-filters { display: flex; align-items: end; gap: 14px; padding: 20px; flex-wrap: wrap; border-bottom: 1px solid #e8e1da; }.ai-search { flex: 1; min-width: 180px !important; }.ai-filters > label { min-width: 180px; }.ai-filters #aiTabActions { margin-left: auto; }
.ai-check { display: flex !important; flex-direction: row; align-items: center; gap: 9px; font-size: 12px; padding: 8px 0; }.ai-check input { width: 18px; min-height: 18px; flex: 0 0 18px; }
.ai-help { font-size: 12px; color: #786d66; line-height: 1.7; padding: 14px 20px; margin: 0; background: #fcfaf8; }.ai-form-body .ai-help { padding: 13px 15px; border-radius: 9px; }.ai-empty { color: #8a7f77; padding: 24px; text-align: center; }
.ai-table table { min-width: 780px; width: 100%; }.ai-table td { vertical-align: top; line-height: 1.5; }.ai-table small { font-size: 11px; color: #8a7f77; }.ai-table .source-reference { max-width: 300px; white-space: normal; }.ai-row-actions { display: flex; gap: 7px; flex-wrap: wrap; }.ai-row-actions .view-button { white-space: nowrap; }
.ai-table th:first-child, .ai-table td:first-child { min-width: 150px; }
.ai-badge { display: inline-block; border-radius: 6px; padding: 4px 7px; font-size: 10px; font-weight: 700; background: #eef2ed; color: #476045; margin: 3px 4px 3px 0; text-transform: capitalize; }
.ai-pending, .ai-repair { background: #fff0cf; color: #926316; }.ai-rejected, .ai-damaged { background: #fae3df; color: #9b3c30; }.ai-disposed, .ai-sold, .ai-idle, .ai-expense { background: #eeece9; color: #75685d; }
.ai-dialog { width: min(890px, calc(100vw - 28px)); max-height: 94vh; padding: 0; border: 0; border-radius: 16px; color: #302924; box-shadow: 0 28px 80px #211b1733; }
.ai-dialog::backdrop { background: #211b1777; }.ai-dialog-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; border-bottom: 1px solid #e8e1da; padding: 22px 26px; position: sticky; top: 0; z-index: 2; background: white; }.ai-dialog-head h2 { font-size: 20px; margin: 6px 0 0; }
.ai-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }.ai-form-body { padding: 24px 26px; }.ai-full { grid-column: 1 / -1; }.ai-grid small, .ai-full > small { display: block; font-size: 11px; font-weight: 400; line-height: 1.6; color: #827569; }.ai-label { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; }
.ai-dialog-foot { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 10px; padding: 18px 26px; border-top: 1px solid #e8e1da; background: white; position: sticky; bottom: 0; }.ai-dialog-foot p { flex: 1 1 100%; margin: 0; color: #a13e35; font-size: 12px; }.ai-dialog-foot p:empty { display: none; }
.ai-files { display: flex; gap: 8px; flex-wrap: wrap; margin: 7px 0; }.ai-files a { padding: 5px 8px; border: 1px solid #e5ddd5; border-radius: 6px; font-size: 11px; color: #74553d; overflow-wrap: anywhere; }
.ai-detail-body { padding: 22px 26px; }.ai-detail-body .ai-table { margin: 15px -10px 26px; }.ai-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px 25px; padding: 20px 0; }.ai-detail-grid dt { font-size: 11px; color: #8a7f77; }.ai-detail-grid dd { font-size: 14px; font-weight: 700; margin: 6px 0 0; overflow-wrap: anywhere; }.ai-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ai-balance-card { display: grid; gap: 8px; border-radius: 12px; background: #f6f1ec; padding: 20px; }.ai-balance-card strong { font-size: 25px; }.ai-balance-card span { font-size: 12px; color: #786d66; }
.ai-report-controls { display: flex; gap: 15px; flex-wrap: wrap; padding: 20px; }.ai-report-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 0 20px 24px; }.ai-report-grid article { padding: 17px; border: 1px solid #e8e1da; border-radius: 12px; background: #fcfaf8; }.ai-report-grid h3 { font-size: 14px; margin: 0; }.ai-report-grid p { font-size: 11px; color: #8a7f77; }.ai-report-grid article > div { display: flex; gap: 8px; }.ai-content details { padding: 20px; }.ai-content details summary { cursor: pointer; font-weight: 700; }.ai-message { margin: 12px 0; padding: 14px 20px; border-radius: 10px; background: #fae3df; color: #9b3c30; }
@media (max-width: 900px) { .ai-report-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.ai-intro { flex-wrap: wrap; }.ai-intro > div { flex-basis: 100%; } }
@media (max-width: 600px) { .ai-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.ai-metrics article { padding: 14px; }.ai-metrics strong { font-size: 20px; }.ai-metrics span { font-size: 11px; }.ai-metrics small { font-size: 10px; } }
@media (max-width: 600px) { #assetsInventoryPage .topbar { flex-wrap: wrap; } #assetsInventoryPage .topbar-actions { width: 100%; display: flex; gap: 8px; flex-wrap: wrap; } #assetsInventoryPage .topbar-actions > * { flex: 1; } #assetsInventoryPage h1 { font-size: 24px; }.ai-intro { padding: 19px; }.ai-intro h2 { font-size: 20px; }.ai-intro > label { flex: 1; }.ai-filters { padding: 15px; gap: 10px; }.ai-filters > label { flex: 1 1 100%; }.ai-filters #aiTabActions { width: 100%; }.ai-filters #aiTabActions > button { width: 100%; }.ai-tabs button { padding: 12px 15px; }.ai-grid { grid-template-columns: minmax(0, 1fr); }.ai-full { grid-column: 1; }.ai-dialog-head, .ai-form-body, .ai-dialog-foot, .ai-detail-body { padding: 18px; }.ai-dialog-head h2 { font-size: 18px; }.ai-dialog-foot > button { flex: 1; }.ai-detail-grid { grid-template-columns: 1fr; }.ai-report-grid { padding: 0 14px 20px; gap: 10px; }.ai-report-grid article { padding: 13px; }.ai-report-grid article > div { flex-wrap: wrap; }.ai-report-controls { padding: 15px; }.ai-report-controls > label { width: 100%; }.ai-dialog { max-height: 94dvh; }.ai-dialog input, .ai-dialog select, .ai-dialog textarea { font-size: 16px; } }