/* Minimal Inventory Management presentation. Functionality and generated data markup remain unchanged. */
body.inventory-management-page { background: var(--ptx-ui-canvas) !important; color: var(--ptx-ui-text) !important; }
.inventory-management-page .dashboard-main { min-height: calc(100vh - 72px); }
.inventory-management-page .dashboard-container { max-width: 1560px !important; padding: 14px 20px 28px !important; }
.inventory-management-page .inventory-page-shell { gap: 12px !important; }
.inventory-management-page .breadcrumb,
.inventory-management-page .dashboard-hero { display: none !important; }
.inventory-management-page .overview-band { margin: 0 !important; }
.inventory-management-page .dashboard-kpi-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; }
.inventory-management-page .kpi-card { position: relative; min-height: 104px !important; padding: 13px 13px 13px 52px !important; border: 1px solid var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-md) !important; background: var(--ptx-ui-surface) !important; box-shadow: none !important; }
.inventory-management-page .kpi-card::before { position: absolute; top: 14px; left: 13px; display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid var(--ptx-ui-border); border-radius: 8px; background: var(--ptx-ui-surface-raised); color: var(--ptx-ui-accent); font: 700 1rem/1 var(--ptx-ui-font-sans); }
.inventory-management-page .kpi-card:nth-child(1)::before { content: '▦'; }
.inventory-management-page .kpi-card:nth-child(2)::before { content: '□'; }
.inventory-management-page .kpi-card:nth-child(3)::before { content: '⌘'; }
.inventory-management-page .kpi-card:nth-child(4)::before { content: '●'; }
.inventory-management-page .kpi-card-label { color: var(--ptx-ui-text-muted) !important; font-size: .7rem !important; letter-spacing: .07em; text-transform: uppercase; }
.inventory-management-page .kpi-card-value { margin-top: 7px; color: var(--ptx-ui-text) !important; font-family: var(--ptx-ui-font-display); font-size: clamp(1.65rem, 2.4vw, 2.2rem) !important; line-height: 1 !important; }
.inventory-management-page .kpi-card-meta { display: none !important; }
.inventory-management-page .search-filter-section { padding: 14px !important; border: 1px solid var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-md) !important; background: var(--ptx-ui-surface) !important; box-shadow: none !important; backdrop-filter: none !important; }
.inventory-management-page .search-filter-section::before { display: none !important; }
.inventory-management-page .primary-search { margin: 0 0 10px !important; }
.inventory-management-page .primary-search-input,
.inventory-management-page .filter-input,
.inventory-management-page .filter-select { min-height: 42px !important; border-color: var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-sm) !important; background: var(--ptx-ui-surface-raised) !important; color: var(--ptx-ui-text) !important; box-shadow: none !important; }
.inventory-management-page .primary-search-input { padding-block: 9px !important; }
.inventory-management-page .primary-search-input:focus,
.inventory-management-page .filter-input:focus,
.inventory-management-page .filter-select:focus { border-color: var(--ptx-ui-accent) !important; box-shadow: var(--ptx-ui-focus) !important; }
.inventory-management-page .filter-controls { grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important; gap: 8px !important; padding: 0 !important; margin: 0 0 10px !important; border: 0 !important; background: transparent !important; }
.inventory-management-page .filter-group { gap: 4px !important; }
.inventory-management-page .filter-label { color: var(--ptx-ui-text-muted) !important; font-size: .66rem !important; }
.inventory-management-page .reset-filters-btn { min-height: 42px !important; padding: 0 12px !important; border-color: var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-sm) !important; background: var(--ptx-ui-surface-raised) !important; color: var(--ptx-ui-text-muted) !important; }
.inventory-management-page .results-summary-row { padding-top: 10px; border-top: 1px solid var(--ptx-ui-border); }
.inventory-management-page .results-summary { padding: 6px 8px !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; color: var(--ptx-ui-text-muted) !important; font-size: .8rem !important; }
.inventory-management-page .results-summary strong { color: var(--ptx-ui-accent) !important; }
.inventory-management-page .view-toggle { padding: 3px !important; border-color: var(--ptx-ui-border) !important; border-radius: 8px !important; background: var(--ptx-ui-surface-raised) !important; }
.inventory-management-page .view-toggle-btn { min-height: 32px !important; padding: 5px 9px !important; border-radius: 6px !important; color: var(--ptx-ui-text-muted) !important; font-size: .75rem !important; }
.inventory-management-page .view-toggle-btn.active { background: var(--ptx-ui-accent) !important; color: var(--ptx-ui-accent-text) !important; box-shadow: none !important; }
.inventory-management-page .shipments-container.shipments-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 10px !important; }
.inventory-management-page .shipment-card,
.inventory-management-page .shipments-table-view { border-color: var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-md) !important; background: var(--ptx-ui-surface) !important; box-shadow: none !important; }
.inventory-management-page .shipment-card { padding: 14px !important; }
.inventory-management-page .shipment-card:hover { border-color: var(--ptx-ui-border-strong) !important; background: var(--ptx-ui-surface-raised) !important; box-shadow: none !important; transform: none !important; }
@media (max-width: 900px) { .inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .inventory-management-page .filter-controls { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { .inventory-management-page .dashboard-container { padding: 10px 12px 20px !important; } .inventory-management-page .dashboard-kpi-grid { grid-template-columns: 1fr 1fr !important; } .inventory-management-page .filter-controls { grid-template-columns: 1fr !important; } .inventory-management-page .results-summary-row { align-items: stretch; } .inventory-management-page .view-toggle { justify-content: stretch; } .inventory-management-page .view-toggle-btn { flex: 1; justify-content: center; } }

/* Operations-first information order: find inventory, see context, act on results. */
.inventory-management-page .search-filter-section { order: 1; }
.inventory-management-page .overview-band { order: 2; }
.inventory-management-page .shipments-container { order: 3; }
.inventory-management-page .search-filter-section { display: grid; grid-template-columns: minmax(320px, 1fr) auto; column-gap: 14px; align-items: end; }
.inventory-management-page .primary-search { grid-column: 1; margin-bottom: 0 !important; }
.inventory-management-page .filter-controls { grid-column: 1 / -1; margin-top: 10px !important; }
.inventory-management-page .results-summary-row { grid-column: 2; grid-row: 1; min-height: 42px; padding: 0 !important; border: 0 !important; justify-content: flex-end; }
.inventory-management-page .overview-band { padding: 2px 0; }
.inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(4, minmax(150px, 1fr)) !important; }
.inventory-management-page .shipments-container { margin-top: 2px; }
@media (max-width: 900px) { .inventory-management-page .search-filter-section { display: block; } .inventory-management-page .primary-search { margin-bottom: 10px !important; } .inventory-management-page .results-summary-row { margin-top: 10px; padding-top: 10px !important; border-top: 1px solid var(--ptx-ui-border) !important; justify-content: space-between; } }

/* Distinct operational KPI cards for the live inventory totals. */
.inventory-management-page .dashboard-kpi-grid { align-items: stretch; }
.inventory-management-page .kpi-card { display: flex !important; flex-direction: column; justify-content: center; min-height: 118px !important; border-top: 3px solid var(--ptx-ui-border-strong) !important; box-shadow: 0 5px 14px rgba(0, 0, 0, .08) !important; }
.inventory-management-page .kpi-card.kpi-card-highlight { border-top-color: var(--ptx-ui-accent) !important; background: linear-gradient(145deg, var(--ptx-ui-surface), var(--ptx-ui-surface-raised)) !important; }
.inventory-management-page .kpi-card:hover { border-color: var(--ptx-ui-border-strong) !important; border-top-color: var(--ptx-ui-accent) !important; box-shadow: 0 8px 18px rgba(0, 0, 0, .12) !important; }
.inventory-management-page .kpi-card-header { margin-bottom: 6px; }
.inventory-management-page .kpi-card-value { font-variant-numeric: tabular-nums; }

/* Compact metric tiles: no stretched rows or unused card interior. */
.inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(4, 150px) !important; justify-content: start; gap: 10px !important; }
.inventory-management-page .kpi-card { display: grid !important; grid-template-rows: auto 1fr auto; min-height: 0 !important; aspect-ratio: 1 / 1; padding: 12px !important; border-top-width: 1px !important; }
.inventory-management-page .kpi-card::before { position: static; width: 28px; height: 28px; margin-bottom: 5px; }
.inventory-management-page .kpi-card-header { margin: 0 !important; }
.inventory-management-page .kpi-card-label { font-size: .68rem !important; line-height: 1.25; }
.inventory-management-page .kpi-card-value { align-self: center; margin: 0 !important; font-size: 2.25rem !important; line-height: 1; }
.inventory-management-page .kpi-card-meta { display: -webkit-box !important; align-self: end; overflow: hidden; color: var(--ptx-ui-text-muted) !important; font-size: .66rem !important; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
@media (max-width: 760px) { .inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .inventory-management-page .kpi-card { aspect-ratio: auto; min-height: 128px !important; } }

/* Minimal stat chips: only the number and its concise meaning. */
.inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(4, minmax(96px, 122px)) !important; gap: 8px !important; }
.inventory-management-page .kpi-card { display: flex !important; min-height: 78px !important; aspect-ratio: auto; padding: 9px 10px !important; border-top-width: 2px !important; justify-content: space-between; }
.inventory-management-page .kpi-card::before,
.inventory-management-page .kpi-card-meta { display: none !important; }
.inventory-management-page .kpi-card-header { order: 2; }
.inventory-management-page .kpi-card-label { color: var(--ptx-ui-text-muted) !important; font-size: .62rem !important; line-height: 1.2; letter-spacing: .04em; text-transform: none; }
.inventory-management-page .kpi-card-value { order: 1; align-self: auto; font-size: 1.7rem !important; }
@media (max-width: 760px) { .inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .inventory-management-page .kpi-card { min-height: 74px !important; } }

/* Four aligned square KPI cards: numeric value first, meaning second. */
.inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(4, 122px) !important; justify-content: start; gap: 10px !important; }
.inventory-management-page .kpi-card { grid-column: auto !important; min-height: 0 !important; width: 122px; aspect-ratio: 1 / 1; padding: 12px !important; justify-content: space-between; }
.inventory-management-page .kpi-card-header { order: 2; }
.inventory-management-page .kpi-card-value { order: 1; align-self: center; font-size: 2.2rem !important; letter-spacing: -.06em; }
.inventory-management-page .kpi-card-label { display: block; max-width: 10ch; font-size: .68rem !important; line-height: 1.2; }
@media (max-width: 760px) { .inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .inventory-management-page .kpi-card { width: auto; min-height: 112px !important; aspect-ratio: 1 / 1; } }

/* Keep all four metrics in one compact horizontal scan line. */
.inventory-management-page .overview-band { overflow-x: auto; padding-bottom: 2px; }
.inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(4, 122px) !important; grid-auto-flow: column; min-width: max-content; }
@media (max-width: 760px) { .inventory-management-page .dashboard-kpi-grid { grid-template-columns: repeat(4, 104px) !important; } .inventory-management-page .kpi-card { width: 104px; min-height: 104px !important; } }