.inventory-page { max-width: 1440px; color: #233d55; }
.inventory-page a { text-decoration: none; }
.inventory-hero { background: radial-gradient(ellipse at 90% 0%, #165573, transparent 65%), #0b233c; border-radius: 20px; padding: 1.8rem; color: white; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.inventory-eyebrow { color: #8bdced; font-size: .68rem; letter-spacing: .09em; font-weight: 700; }
.inventory-hero h1 { margin: .75rem 0; font-weight: 800; letter-spacing: -.04em; }
.inventory-hero p { max-width: 640px; color: #bed1e2; line-height: 1.7; font-size: .9rem; margin-bottom: 1rem; }
.inventory-steps { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; font-size: .74rem; color: #c7eaf3; }
.inventory-steps i { font-size: .55rem; color: #70b2cd; }
.inventory-actions { display: flex; gap: .5rem; flex-wrap: wrap; flex-shrink: 0; max-width: 315px; justify-content: flex-end; }
.inventory-actions .btn { border-radius: 10px; font-size: .76rem; padding: .6rem .85rem; }
.inventory-actions .btn-outline-light { border-color: #ffffff30; background: #ffffff06; }
.inventory-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 1.3rem 0 1.8rem; }
.inventory-metric { display: flex; align-items: center; gap: 1rem; padding: 1.15rem; background: white; border: 1px solid #e1e9f2; border-radius: 15px; }
.inventory-metric-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #ebf7fc; color: #0784af; flex-shrink: 0; }
.inventory-metric:nth-child(2) .inventory-metric-icon { color: #0e9072; background: #eaf8f2; }
.inventory-metric:nth-child(3) .inventory-metric-icon { color: #7052cc; background: #f1edfd; }
.inventory-metric:nth-child(4) .inventory-metric-icon { color: #b17a14; background: #fff7e6; }
.inventory-metric div > span { font-size: .75rem; color: #6b7d92; }
.inventory-metric strong { display: block; font-size: 1.85rem; line-height: 1.3; letter-spacing: -.04em; }
.inventory-tabs { display: flex; flex-wrap: wrap; gap: .4rem; border-bottom: 1px solid #dfe8f0; margin-bottom: 1.8rem; }
.inventory-tabs a { color: #61768b; padding: .8rem 1rem; border-bottom: 3px solid transparent; font-weight: 700; font-size: .84rem; }
.inventory-tabs a.active { color: #087fae; border-color: #0aa6cc; }
.inventory-section-heading { display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1.25rem; }
.inventory-section-heading h2 { font-size: 1.3rem; font-weight: 800; margin-bottom: .4rem; overflow-wrap: anywhere; }
.inventory-section-heading p { font-size: .82rem; color: #6c7e92; margin: 0; }
.inventory-back { display: inline-block; font-size: .78rem; margin-bottom: .8rem; }
.inventory-controls { display: flex; gap: .6rem; flex-wrap: wrap; }
.inventory-controls .btn { font-size: .8rem; border-color: #d5e1ed; background: white; border-radius: 10px; }
.inventory-search { position: relative; width: 260px; max-width: 100%; }
.inventory-search i { position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); color: #8193a5; font-size: .8rem; }
.inventory-search .form-control { padding: .7rem .8rem .7rem 2.5rem; border-radius: 11px; border-color: #dfe7ef; font-size: .83rem; }
.inventory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; }
.inventory-location { padding: 1.4rem; background: white; border: 1px solid #dfe8f1; border-radius: 18px; color: #243d56; display: flex; flex-direction: column; box-shadow: 0 5px 20px #102c4804; transition: transform .18s, box-shadow .18s, border-color .18s; }
.inventory-location:hover { color: #243d56; transform: translateY(-3px); border-color: #8ccdde; box-shadow: 0 12px 25px #102c480a; }
.inventory-location-top { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.2rem; font-size: .7rem; color: #71869b; }
.inventory-location-icon { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 13px; color: #087fae; background: #edf7fc; font-size: 1.2rem; }
.inventory-location h3 { font-size: 1.12rem; font-weight: 800; line-height: 1.5; overflow-wrap: anywhere; }
.inventory-location p { font-size: .78rem; color: #73849a; line-height: 1.7; margin-bottom: 1.2rem; }
.inventory-location-stats { display: flex; gap: 1.5rem; margin-top: auto; margin-bottom: 1.2rem; font-size: .72rem; color: #77899c; }
.inventory-location-stats strong { display: block; color: #203d56; font-size: 1.6rem; font-weight: 800; }
.inventory-location-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #edf2f7; padding-top: 1rem; color: #0784af; font-size: .8rem; font-weight: 700; }
.inventory-facilities { padding: 1.1rem; border: 1px solid #d4e8f3; background: #edf7fc; border-radius: 13px; margin-bottom: 1.2rem; }
.inventory-facilities h3 { font-size: .9rem; font-weight: 700; }
.inventory-facilities p { font-size: .82rem; margin: .5rem 0 0; line-height: 1.8; }
.inventory-table-tools { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; margin-bottom: .85rem; font-size: .8rem; }
.inventory-table-tools > div { display: flex; align-items: center; gap: .8rem; }
.inventory-table-tools select { width: auto; min-width: 140px; border-color: #dfe7ef; }
.inventory-browser .table-responsive { border: 1px solid #dfe8f1; background: white; border-radius: 15px; }
.inventory-table { min-width: 720px; margin: 0; }
.inventory-table th { background: #eff4f9; padding: .85rem 1rem; }
.inventory-table th button { background: transparent; border: 0; padding: 0; color: #587087; font: inherit; font-size: .72rem; white-space: nowrap; }
.inventory-table td { padding: 1rem; font-size: .83rem; border-color: #edf2f7; }
.inventory-table tr:last-child td { border: 0; }
.inventory-table td:first-child { min-width: 240px; }
.inventory-table small { display: block; font-size: .72rem; color: #8191a3; margin-top: .3rem; }
.inventory-condition { border-radius: 6px; padding: .3rem .5rem; font-size: .73rem; background: #f2f5f9; white-space: nowrap; }
.inventory-condition.is-good { background: #eaf8f1; color: #137e52; }
.inventory-empty { text-align: center; padding: 3rem 1rem; background: white; border: 1px dashed #d9e4ed; border-radius: 15px; color: #74879b; }
.inventory-note { margin: 1.5rem 0 0; font-size: .76rem; color: #7b8c9e; line-height: 1.7; }
.inventory-page [hidden] { display: none !important; }
.inventory-page :is(a,button,input,select):focus-visible { outline: 3px solid #39b5d3; outline-offset: 3px; }
@media (max-width: 991.98px) { .inventory-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .inventory-hero { align-items: flex-start; flex-direction: column; gap: 1rem; } .inventory-actions { max-width: none; justify-content: flex-start; } .inventory-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 575.98px) { .inventory-grid { grid-template-columns: 1fr; } .inventory-hero { padding: 1.3rem; } .inventory-metrics { gap: .6rem; } .inventory-metric { padding: .8rem; gap: .65rem; } .inventory-metric-icon { width: 32px; height: 32px; } .inventory-metric div > span { font-size: .67rem; } .inventory-metric strong { font-size: 1.6rem; } .inventory-tabs a { font-size: .74rem; padding-inline: .6rem; } .inventory-controls, .inventory-search { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .inventory-location { transition: none; } }
@media print { .navbar-custom, .inventory-actions, .inventory-controls, .inventory-tabs, .inventory-back, .inventory-table-tools > div, #inventoryMessage { display: none !important; } .inventory-hero { background: white; color: #162e46; padding: 0; } .inventory-hero p,.inventory-eyebrow,.inventory-steps { color: #456; } .inventory-metrics { margin-block: 1rem; } .inventory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .inventory-location,.inventory-metric,tr { break-inside: avoid; } .inventory-browser .table-responsive { overflow: visible; } .inventory-table { min-width: 0; } .inventory-table td { overflow-wrap: anywhere; } .inventory-table td:first-child { min-width: 0; } }