/* Inventory and warehouses (inv- prefix). */
.inv-gauges { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.inv-big { font-size: 22px; font-weight: 800; color: var(--brand-navy, #0d2233); margin: 4px 0; }
.inv-barcode { margin-top: 10px; max-width: 260px; }
.inv-barcode svg { width: 100%; height: auto; display: block; }

/* bin map */
.inv-binmap { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.inv-bin { border: 1px solid #d6e0e9; border-left: 4px solid #8a9bb0; border-radius: 3px; padding: 6px 8px; background: #fff; min-width: 0; font-size: 12px; }
.inv-bin .h { display: flex; justify-content: space-between; gap: 6px; margin-bottom: 4px; }
.inv-bin .h span { color: var(--muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inv-bin .it { display: flex; justify-content: space-between; gap: 6px; padding: 1px 0; }
.inv-bin .it span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inv-bin .it small { color: var(--muted); }
.inv-bin.empty { background: #f8fafc; }
.inv-bin.off { opacity: .5; }
.inv-bin.z-receiving { border-left-color: #2bb3d9; } .inv-bin.z-storage { border-left-color: #1a7fe0; } .inv-bin.z-picking { border-left-color: #12a079; }
.inv-bin.z-shipping { border-left-color: #7048c8; } .inv-bin.z-quarantine { border-left-color: #c32a43; } .inv-bin.z-returns { border-left-color: #e8632a; }
.inv-bin.z-crossdock { border-left-color: #d99a06; } .inv-bin.z-van, .inv-bin.z-line_side { border-left-color: #0f766e; }
tr.inv-recount td { background: #fff7e6; }

/* scanner screens: big targets, one column on phones */
.inv-scan { max-width: 880px; }
.inv-scan-wh { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.inv-scan-wh select { min-height: 42px; max-width: 100%; }
.inv-scan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.inv-scan-tile { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 16px; min-height: 112px; border: 1px solid #cbd7e2; border-radius: 6px; background: #fff; color: inherit; text-decoration: none; }
.inv-scan-tile:hover { border-color: var(--brand-primary); box-shadow: 0 4px 14px rgba(13, 34, 51, .08); }
.inv-scan-tile i { font-size: 26px; color: var(--brand-primary); }
.inv-scan-tile b { font-size: 16px; }
.inv-scan-tile span { color: var(--muted); font-size: 12px; }
.inv-scan-tile em { position: absolute; top: 10px; right: 10px; font-style: normal; background: var(--brand-primary); color: #fff; border-radius: 12px; padding: 2px 9px; font-weight: 700; font-size: 12px; }
.inv-scan-where { margin: 0; color: var(--muted); font-size: 13px; }
.inv-scanbar { display: flex; gap: 8px; }
.inv-scaninput, .inv-big-in { min-height: 46px !important; font-size: 17px !important; width: 100%; }
.inv-scanbar .ct-btn { min-height: 46px; min-width: 52px; }
.inv-scan-line { border-top: 1px solid #e3eaf0; padding: 10px 0; display: grid; gap: 8px; }
.inv-scan-line:first-child { border-top: 0; padding-top: 0; }
.inv-scan-line .h { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.inv-scan-line .h b { font-size: 17px; }
.inv-scan-line .h span { color: var(--text2); }
.inv-scan-line .h em { margin-left: auto; font-style: normal; font-weight: 700; color: var(--brand-navy, #0d2233); }
.inv-scan-line .f, .inv-scan .f { display: grid; gap: 4px; }
.inv-scan .f label { font-size: 12px; font-weight: 700; color: var(--text2); }
.inv-step { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--brand-primary); color: #fff; font-weight: 700; font-size: 12px; }
.inv-scan-route { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 10px; }
.inv-scan-route div { display: flex; flex-direction: column; }
.inv-scan-route small { color: var(--muted); font-size: 11px; }
.inv-scan-route b { font-size: 24px; }
.inv-scan-route b.to { color: var(--brand-primary); }
.inv-go { width: 100%; min-height: 52px; font-size: 16px; justify-content: center; }
.inv-go2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.inv-go2 .ct-btn { min-height: 52px; justify-content: center; font-size: 15px; }

/* label sheet */
.inv-labels { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.inv-label { border: 1px dashed #9fb2c6; border-radius: 4px; padding: 10px; background: #fff; text-align: center; min-width: 0; }
.inv-label .t { font-weight: 800; font-size: 13px; }
.inv-label .big { font-size: 22px; font-weight: 800; letter-spacing: .02em; }
.inv-label .s { color: var(--muted); font-size: 11px; margin-bottom: 4px; }
.inv-label svg { width: 100%; height: 58px; }
@media print {
    .ct-side, .ct-top, .ct-bar, .ct-page-head, .ct-filters, .tr-help, .ct-panelhead { display: none !important; }
    .inv-labels { grid-template-columns: repeat(3, 1fr); }
    .inv-label { border: 1px solid #000; page-break-inside: avoid; }
}
@media (max-width: 760px) {
    .inv-scan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .inv-gauges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .inv-binmap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) { .inv-gauges { grid-template-columns: 1fr 1fr; } }


/* Pinnacle Premier Bank: black navigation with restrained gold selection accents. */
.ct-top,header.top,.ct-modbar,.topnav,.ct-navtitle,.navtitle,.navbar.bg-primary,.nav-menu.bg-primary,.sidebar.bg-primary{background:#000!important;background-image:none!important;border-color:#252525!important;color:#fff!important}
.ct-top-title,.ct-top-title b,.ct-session,.ct-modbar a,.topnav a,.topnav button,.ct-navtitle span,.navtitle span{color:#fff!important}
.ct-modbar a:hover,.ct-modbar a.on,.topnav a:hover,.topnav a.on,.topnav button:hover,.topnav button.on{background:#242424!important;color:#fff!important}
.ct-sidebar,.shell>.sidebar{background:#f2f2f2!important;border-color:#d3d3d3!important}
.ct-navitem,.navitem{color:#171717!important;background:linear-gradient(#fff,#f3f3f3)!important;border-color:#d0d0d0!important}
.ct-navitem i,.navitem svg{color:#171717!important}
.ct-navitem:hover,.ct-navitem.on,.navitem:hover,.navitem.on,.nav-link.active,.sidebar .nav-link.active{color:#fff!important;background:#111!important;box-shadow:inset 3px 0 0 #c8a34a!important}
.ct-navitem:hover i,.ct-navitem.on i,.navitem:hover svg,.navitem.on svg{color:#e3c375!important}
.ct-navtitle span,.navtitle span{background:#292929!important}
.ct-topbtn,.ct-command,.ct-command input,.ct-top .ct-avatar{background:#171717!important;border-color:#454545!important;color:#fff!important}
.ct-menu .drop a:hover,.ct-menu .drop button:hover{background:#111!important;color:#fff!important}