/* Reuse production KM panels, metrics, typography, tables and buttons. */
#ux-sidebar .inventory-menu { display:grid; gap:3px; padding-left:24px; }
#ux-sidebar .inventory-menu button { font-size:13px; padding:10px; min-height:40px; }
#ux-sidebar .inventory-menu button::before { content:''; width:6px; height:6px; flex:none; border-radius:50%; background:#a6b8c5; }
#ux-sidebar .inventory-menu button[aria-current=page] { background:#e6f5fa; color:#087da5; box-shadow:none; }
#ux-sidebar .inventory-menu button[aria-current=page]::before { background:#008abf; }
#ux-sidebar .inventory-menu button > span { width:auto; height:auto; display:block; font:inherit; color:inherit; flex:1; min-width:0; }
#ux-sidebar .inventory-menu button > .inventory-menu-count { flex:none; margin-left:auto; min-width:22px; padding:2px 5px; border-radius:6px; background:#edf3f6; text-align:center; font-size:11px; font-variant-numeric:tabular-nums; }
#ux-inventory { min-width:0; }
#ux-inventory.inventory-open #inventory-content { padding:22px; background:#fff; border:1px solid #dce6ed; border-radius:14px; }
#ux-inventory .inventory-workspace-heading { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:26px; padding:0; border:0; background:none; }
#ux-inventory .inventory-workspace-heading h1 { margin:0 0 8px; font-size:28px; line-height:1.25; }
#ux-inventory .inventory-workspace-heading p { margin:0; font-size:13px; color:#7a8b97; }
#inventory-save-exit { margin:0; flex-shrink:0; }
#ux-inventory #inventory-content > h2 { font-size:20px; margin:0 0 18px; }
#ux-inventory .inventory-document-actions { display:flex; flex-wrap:wrap; gap:14px; }
#ux-inventory .inventory-document-actions button { margin:0; max-width:100%; white-space:normal; }
#ux-inventory .inventory-future-actions input { width:100%; max-width:360px; }
#ux-inventory .inventory-future-actions { display:flex; align-items:center; gap:12px; }
#ux-inventory .inventory-future-actions textarea { width:100%; min-width:0; min-height:44px; resize:vertical; flex:1; font:inherit; padding:12px; }
#ux-inventory .inventory-future-actions button { flex:none; margin:0; width:auto; }
#inventory-preview-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; }
#inventory-preview-summary dd { margin:0; font-weight:600; }
#inventory-preview-summary dt { overflow-wrap:anywhere; }
#ux-inventory .inventory-scan-row { padding:12px 0; border-bottom:1px solid #e5eaf0; overflow-wrap:anywhere; }
#ux-inventory .inventory-scan-row code { white-space:pre-wrap; }
#ux-inventory details { margin-top:14px; }
#ux-inventory .inventory-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#ux-inventory label { display:flex; flex-direction:column; gap:8px; min-width:0; }
#ux-inventory select { width:100%; min-width:0; }
#ux-inventory .inventory-form > button { justify-self:start; }
#ux-inventory .km-product-name small, #ux-inventory .km-metric strong { display:block; }
#ux-inventory .km-metric { min-height:125px; padding:14px; font-size:13px; font-weight:400; }
#ux-inventory .km-metric::before { display:block; }
#ux-inventory .km-detail-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
#ux-inventory .km-metric > span { font-size:13px; font-weight:400; }
#ux-inventory .km-metric strong { font-size:23px; }
#ux-inventory .km-metric small { display:block; margin-top:5px; color:#7a8b97; font-size:11px; }
#ux-inventory .km-metric-expired strong { color:#203038; }
#ux-inventory .km-table-scroll :is(th,td) { padding:14px 17px; font-size:14px; }
#ux-inventory .km-product-name strong { font-weight:600; line-height:1.55; }
#ux-inventory .km-product-name small { color:#7c8c96; font-size:13px; margin-top:4px; }
#ux-inventory button.km-table-sort { border:0; background:none; box-shadow:none; color:inherit; padding:0 3px; font-weight:400; font-size:12px; }
#ux-inventory .inventory-meta { color:#74838b; font-size:13px; overflow-wrap:anywhere; }
#ux-inventory .inventory-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 24px; margin:18px 0; }
#ux-inventory .inventory-facts > div { display:block; padding:0; border:0; min-width:0; }
#ux-inventory .inventory-facts dt { font-size:14px; font-weight:400; color:#7a8b97; }
#ux-inventory .inventory-facts dd { margin:5px 0 0; font-size:14px; font-weight:650; overflow-wrap:anywhere; }
#ux-inventory .inventory-meta:empty { display:none; }
#ux-inventory .inventory-bottom-actions { margin-top:24px; }
#ux-inventory .km-table-scroll table { min-width:720px; }
#ux-inventory .inventory-document h3 { overflow-wrap:anywhere; }
#ux-inventory .inventory-document-heading { display:flex; justify-content:space-between; align-items:start; gap:16px; padding:0; border:0; background:none; }
#ux-inventory .inventory-document-heading h3 { margin:0; font-size:18px; }
#ux-inventory .inventory-document-heading .km-phase { flex-shrink:0; margin-left:auto; border-radius:20px; padding:7px 12px; }
#ux-inventory .inventory-scanning { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr); gap:22px; padding:20px; margin:20px 0; border:1px solid #bde3f2; border-radius:14px; background:#f7fcfe; }
#ux-inventory .inventory-scanning h3 { margin:0 0 8px; font-size:18px; }
#ux-inventory .inventory-scanning .inventory-meta { margin:0 0 12px; }
#ux-inventory .inventory-last-action { background:#fff; border:1px solid #d5e7ef; border-radius:10px; padding:16px; min-width:0; }
#ux-inventory .inventory-last-action h4 { margin:0 0 8px; font-size:14px; }
#ux-inventory .inventory-last-action p { margin:0 0 20px; color:#607e91; font-size:13px; overflow-wrap:anywhere; }
#ux-inventory .inventory-progress-caption { display:flex; justify-content:space-between; gap:10px; font-size:14px; margin-bottom:10px; }
#ux-inventory .inventory-progress-caption span { color:#7a8b97; }
#ux-inventory .inventory-last-action progress { width:100%; height:7px; border:0; display:block; border-radius:8px; accent-color:#1c9f8d; }
#ux-inventory .inventory-last-action progress::-webkit-progress-bar { background:#e3edf1; border-radius:8px; }
#ux-inventory .inventory-last-action progress::-webkit-progress-value { background:#1c9f8d; border-radius:8px; }
#ux-inventory .inventory-scan-feedback { font-size:13px; font-weight:600; margin:9px 0 14px; min-height:22px; overflow-wrap:anywhere; }
#ux-inventory .inventory-scan-feedback[data-tone=ready],#ux-inventory .inventory-scan-feedback[data-tone=success] { color:#00876e; }
#ux-inventory .inventory-scan-feedback[data-tone=ready]::before { content:'●'; margin-right:6px; }
#ux-inventory .inventory-scan-feedback[data-tone=error] { color:#c72e4a; }
#ux-inventory .inventory-scan-feedback[data-tone=warning] { color:#98620a; }
#ux-inventory .inventory-scan-feedback[data-tone=pending] { color:#607e91; }
#ux-inventory .inventory-products { border:1px solid #dce6ed; border-radius:14px; overflow:hidden; margin-top:20px; }
#ux-inventory .inventory-products > header { padding:20px 22px; }
#ux-inventory .inventory-products h3 { margin:0 0 14px; font-size:20px; }
#ux-inventory .inventory-products label { max-width:520px; font-size:14px; color:#7a8b97; }
#ux-inventory .inventory-products input { width:100%; box-sizing:border-box; }
#ux-inventory .inventory-products .km-table-scroll { border:0; border-radius:0; transition:opacity .15s ease; }
#ux-inventory .inventory-products[aria-busy=true] .km-table-scroll { opacity:.65; }
#ux-inventory .inventory-products .km-actions { padding:16px 22px; margin:0; }
#ux-inventory .inventory-products th:first-child { width:40%; }
#ux-inventory .inventory-products th[data-sort=expired] { color:#c72e4a; }
#ux-inventory .inventory-products td.km-danger { background:#ffedf1; color:#c72e4a; }
#ux-inventory .inventory-scan-pages { margin-top:14px; align-items:center; }
@media(prefers-reduced-motion:reduce) { #ux-inventory .inventory-products .km-table-scroll { transition:none; } }
@media(max-width:1000px) { #ux-inventory .km-detail-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
    #ux-inventory.inventory-open #inventory-content { padding:16px; }
    #ux-inventory .inventory-workspace-heading { flex-direction:column; gap:14px; }
    #ux-inventory .inventory-workspace-heading h1 { font-size:24px; }
    #ux-inventory .inventory-facts { grid-template-columns:1fr; gap:12px; }
    #ux-inventory .inventory-scanning { grid-template-columns:1fr; padding:16px; }
    #ux-inventory .inventory-future-actions { flex-wrap:wrap; }
    #ux-inventory .inventory-future-actions textarea { flex-basis:100%; }
    #ux-inventory .inventory-document-heading { flex-wrap:wrap; }
    #ux-inventory .inventory-products > header { padding:16px; }
    #ux-inventory .inventory-form { grid-template-columns:1fr; }
}
@media(max-width:420px) { #ux-inventory .km-detail-metrics { grid-template-columns:minmax(0,1fr); } }
#inventory-package .inventory-package-code { display: block; width: 100%; max-width: 36rem; box-sizing: border-box; margin: .5rem 0; }

.inventory-undo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 16px}.inventory-warning{border:1px solid #cbd5e1;border-radius:12px;max-width:min(440px,calc(100vw - 32px));padding:24px}.inventory-warning::backdrop{background:#0f172a66}

/* Inventory uses the same choice cards and prepared-document layout as KM/OSU. */
#ux-inventory .osu-choice { margin:0; padding:17px; border:1px solid #dce6eb; border-radius:9px; flex-direction:row; align-items:start; gap:10px; cursor:pointer; }
#ux-inventory .osu-choice:has(:checked) { background:#edf8fc; border-color:#7fc6e5; }
#ux-inventory .osu-choice input { width:auto; }
#inventory-preview-summary { grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; background:#f7fafb; border:1px solid #e4eaf0; border-radius:10px; margin:20px 0; }
#inventory-preview-summary > div { display:block; padding:14px; min-width:0; }
#inventory-preview-summary dt { font-size:12px; font-weight:400; }
#inventory-preview-summary dd { font-size:23px; font-weight:700; margin:6px 0 0; white-space:nowrap; }
#inventory-preview-summary > div + div { border-left:1px solid #e4eaf0; }
#ux-inventory .inventory-writeoff-layout, #inventory-preview { font-size:14px; }
#ux-inventory .inventory-writeoff-layout .km-writeoff-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:20px 0; background:#f7fafb; border:1px solid #e4eaf0; border-radius:10px; }
#ux-inventory .inventory-writeoff-layout .km-writeoff-summary > div { display:block; padding:14px; min-width:0; }
#ux-inventory .inventory-writeoff-layout .km-writeoff-summary dd { overflow-wrap:anywhere; }
@media(max-width:760px) { #ux-inventory .inventory-writeoff-layout .km-writeoff-summary { grid-template-columns:1fr; } }
#ux-inventory .inventory-writeoff-form > label { margin:16px 0; font-size:13px; font-weight:700; }
#ux-inventory .inventory-writeoff-form input { width:100%; min-width:0; box-sizing:border-box; }
#ux-inventory .inventory-writeoff-form .inventory-form { margin:16px 0; }
#ux-inventory .inventory-writeoff-form label[hidden] { display:none; }
#ux-inventory .inventory-writeoff-form .inventory-document-actions { margin-top:20px; }
#ux-inventory .km-prepared-document { margin-top:0; }
@media(max-width:760px) { #inventory-preview-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }

#inventory-preview > div:not([hidden]) { margin-top:16px; }

#ux-inventory .inventory-writeoff-form .km-writeoff-form-fields label { margin:0; }
#ux-inventory .inventory-linked-documents { margin-top:20px; }
#ux-inventory .inventory-writeoff-card { padding:22px; border:1px solid #dce6ed; border-radius:14px; background:#fff; margin:16px 0 0; }
#ux-inventory .inventory-writeoff-card .km-document-heading h4 { min-width:0; overflow-wrap:anywhere; }
#ux-inventory .inventory-writeoff-card .osu-document-status { overflow-wrap:anywhere; }
@media(max-width:600px) {
 #ux-inventory .inventory-writeoff-card { padding:16px; }
 #ux-inventory .inventory-writeoff-card .osu-document-status { align-self:flex-end; text-align:right; }
}
#ux-inventory .inventory-writeoff-form .inventory-exclusion-consent { display:flex; flex-direction:row; align-items:start; font-size:13px; font-weight:400; }
#ux-inventory .inventory-writeoff-form .inventory-exclusion-consent[hidden] { display:none; }
#ux-inventory .inventory-writeoff-layout .inventory-exclusion-consent input { width:auto; flex-shrink:0; }