/* Honorks Putaway Ultimate visual layer */
:root{--hp-a:#1dd5ff;--hp-b:#765cff;--hp-c:#2bd47b;--hp-orange:#ff9b43;--hp-card:rgba(14,31,52,.78);--hp-card2:rgba(20,40,66,.88);--hp-shadow:0 24px 70px rgba(0,0,0,.34);--hp-radius:18px}
html{scroll-behavior:smooth;background:#07111f}html:has(body.theme-light){background:#edf4fb}body{background:
 radial-gradient(circle at 92% -5%,rgba(29,213,255,.15),transparent 26%),
 radial-gradient(circle at 28% 0,rgba(118,92,255,.15),transparent 30%),
 linear-gradient(145deg,#050c16,#07111f 45%,#071528);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
body.theme-graphite{--brand:#92a4bd;--accent:#e7eef8;--hp-a:#9fb1c9;--hp-b:#52647b;background:radial-gradient(circle at 90% 0,rgba(159,177,201,.13),transparent 30%),#090d13}
body.theme-safety{--brand:#ff9b43;--accent:#ffd166;--hp-a:#ffd166;--hp-b:#ff7d27;background:radial-gradient(circle at 90% 0,rgba(255,155,67,.16),transparent 30%),#100d08}
body.theme-light{--bg:#eaf0f7;--panel:#fff;--line:#cdd8e5;--text:#102033;--muted:#60758c;--brand:#5c47e8;--accent:#009dc1;--hp-card:rgba(255,255,255,.88);--hp-card2:#fff;--hp-shadow:0 18px 45px rgba(43,62,85,.14);background:linear-gradient(145deg,#edf4fb,#f9fbff)}
body.theme-light:before{opacity:.4;background-image:linear-gradient(rgba(20,40,70,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,40,70,.04) 1px,transparent 1px)}
body.theme-light aside{background:linear-gradient(180deg,#fff,#eef4fa);border-color:#d7e0eb}body.theme-light header{background:rgba(247,250,254,.82);border-color:#d9e3ee}body.theme-light .card,body.theme-light .command-card{background:rgba(255,255,255,.9);border-color:#d7e1ec}body.theme-light input,body.theme-light select,body.theme-light textarea{background:#fff;color:#13263d;border-color:#cbd8e5}body.theme-light table{color:#15283e}body.theme-light th{background:#eef4fb;color:#445b72}body.theme-light td{border-color:#dce5ee}body.theme-light .quick-tile,body.theme-light .export-tile{background:#f4f8fc;color:#172b42;border-color:#d7e2ed}body.theme-light .command-palette{background:rgba(219,228,238,.78)}body.theme-light .palette-card{background:#fff}

/* elevated shell */
aside{box-shadow:20px 0 70px rgba(0,0,0,.18);z-index:12}aside .brand img{filter:drop-shadow(0 10px 22px rgba(29,213,255,.28));transition:.25s}aside .brand:hover img{transform:translateY(-2px) rotate(-2deg) scale(1.04)}
header{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(6,17,31,.78);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 10px 35px rgba(0,0,0,.14)}
.content{max-width:1720px;margin:0 auto;width:100%}.card{background:linear-gradient(145deg,var(--hp-card2),var(--hp-card));border:1px solid rgba(255,255,255,.09);box-shadow:var(--hp-shadow);border-radius:var(--hp-radius);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(29,213,255,.55),transparent);opacity:.65}.card:hover{border-color:rgba(29,213,255,.18)}
.hero{min-height:250px;background:linear-gradient(115deg,rgba(19,44,73,.94),rgba(58,40,143,.67)),radial-gradient(circle at 80% 20%,rgba(29,213,255,.25),transparent 30%);isolation:isolate}.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-130px;top:-210px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}.hero img{filter:drop-shadow(0 24px 45px rgba(0,0,0,.32));animation:floatLogo 4.6s ease-in-out infinite;z-index:2}.hero h2{font-size:clamp(28px,4vw,54px);line-height:1.03;letter-spacing:-1.8px;max-width:850px}.hero em,.eyebrow{font-style:normal;letter-spacing:2px;font-size:11px;font-weight:900;color:var(--hp-a)}
@keyframes floatLogo{50%{transform:translateY(-8px) rotate(2deg)}}
.kpi{background:linear-gradient(145deg,rgba(18,40,66,.96),rgba(10,24,42,.92));border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 40px rgba(0,0,0,.2);overflow:hidden;position:relative;transition:.22s}.kpi:after{content:"";position:absolute;inset:auto -30% -70% 35%;height:120px;background:radial-gradient(circle,var(--hp-a),transparent 66%);opacity:.11}.kpi:hover{transform:translateY(-4px);border-color:rgba(29,213,255,.35)}.kpi b{font-size:32px;background:linear-gradient(90deg,#fff,var(--hp-a));-webkit-background-clip:text;color:transparent}

.command-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn,.live-chip,.clock-chip{height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:var(--text);display:flex;align-items:center;justify-content:center}.icon-btn{padding:0 13px;gap:7px;cursor:pointer;font-weight:750}.icon-btn:hover{background:rgba(29,213,255,.11);border-color:rgba(29,213,255,.35);transform:translateY(-1px)}.icon-btn span{font-size:12px}.live-chip{gap:7px;padding:0 11px;font-size:10px;font-weight:900;letter-spacing:1px}.live-chip i,.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 rgba(43,212,123,.55);animation:pulse 1.7s infinite}.clock-chip{min-width:100px;padding:5px 12px;flex-direction:column;line-height:1.1}.clock-chip b{font-size:13px}.clock-chip small{font-size:9px;color:var(--muted)}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(43,212,123,0)}}

.ops-command{display:grid;grid-template-columns:1fr 1.45fr 1.25fr;gap:15px;margin:16px 0}.command-card{background:linear-gradient(145deg,rgba(17,38,65,.92),rgba(8,22,39,.92));border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px;box-shadow:0 18px 45px rgba(0,0,0,.22);min-height:128px}.score-card{display:flex;align-items:center;justify-content:space-between}.score-card h3{font-size:34px;margin:6px 0 0}.score-card p{margin:2px 0;color:var(--muted);font-size:12px}.score-ring{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--hp-a) 0deg,var(--hp-b) 300deg,rgba(255,255,255,.08) 300deg);position:relative;box-shadow:0 0 35px rgba(29,213,255,.18)}.score-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b1a2d}.score-ring span{z-index:1;font-weight:950;letter-spacing:1px}.command-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.mega-progress{height:18px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:20px 0 9px;box-shadow:inset 0 2px 7px rgba(0,0,0,.25)}.mega-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--hp-b),var(--hp-a),var(--hp-c));border-radius:inherit;transition:width .6s ease;box-shadow:0 0 18px rgba(29,213,255,.5)}.goal-card small{color:var(--muted)}.shift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.shift-grid div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px;text-align:center}.shift-grid b{display:block;font-size:24px}.shift-grid small{color:var(--muted);font-size:10px}
.dashboard-split{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;margin:15px 0}.cardhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cardhead h3,.cardhead p{margin:0}.cardhead p{color:var(--muted);font-size:12px;margin-top:3px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.quick-tile{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--text);border-radius:15px;padding:15px;text-align:left;cursor:pointer;transition:.22s}.quick-tile:hover{transform:translateY(-3px);border-color:rgba(29,213,255,.35);background:linear-gradient(145deg,rgba(29,213,255,.09),rgba(118,92,255,.08))}.quick-tile span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--hp-b),var(--hp-a));font-size:19px;box-shadow:0 8px 24px rgba(29,213,255,.18);margin-bottom:12px}.quick-tile b,.quick-tile small{display:block}.quick-tile small{color:var(--muted);margin-top:3px}.scan-center{min-height:235px}.scan-beam{width:42px;height:9px;border-radius:10px;background:var(--hp-a);box-shadow:0 0 20px var(--hp-a);animation:scanPulse 1.4s ease-in-out infinite}@keyframes scanPulse{50%{width:70px;opacity:.55}}.scan-input{margin-top:26px;border:1px solid rgba(29,213,255,.25);background:rgba(3,13,24,.45);border-radius:16px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:6px 8px 6px 5px;box-shadow:inset 0 0 30px rgba(29,213,255,.035)}.scan-input>span{text-align:center;font-size:22px;color:var(--hp-a)}.scan-input input{border:0!important;background:transparent!important;box-shadow:none!important;font-size:18px;padding:13px 7px}.scan-input kbd,.palette-input kbd{font-size:10px;color:var(--muted);border:1px solid rgba(255,255,255,.12);padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.04)}.scan-result{min-height:70px;margin-top:14px;border-radius:13px;background:rgba(255,255,255,.035);padding:12px}.scan-hit{display:flex;justify-content:space-between;gap:12px;align-items:center}.scan-hit strong,.scan-hit small{display:block}.scan-hit small{color:var(--muted)}.scan-tag{font-size:10px;padding:5px 8px;border-radius:999px;background:rgba(29,213,255,.12);color:var(--hp-a);font-weight:900}
.load-cards,.hot-locations{display:grid;gap:9px;margin-top:13px}.load-mini,.hot-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:13px;padding:11px}.load-mini b,.load-mini small,.hot-row b,.hot-row small{display:block}.load-mini small,.hot-row small{color:var(--muted);font-size:11px}.mini-progress{height:7px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-top:7px}.mini-progress span{height:100%;display:block;background:linear-gradient(90deg,var(--hp-b),var(--hp-a));border-radius:inherit}.hot-count{font-size:18px;font-weight:900;color:var(--hp-a)}.mini-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text);padding:7px 10px;border-radius:9px;cursor:pointer}.mini-btn:hover{border-color:rgba(29,213,255,.35);color:var(--hp-a)}

/* new pages */
.page-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;margin-bottom:16px;border-radius:22px;overflow:hidden;background:linear-gradient(115deg,rgba(20,49,81,.98),rgba(75,45,160,.73));border:1px solid rgba(255,255,255,.1);box-shadow:var(--hp-shadow)}.page-banner:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-155px;border:30px solid rgba(255,255,255,.03);box-shadow:0 0 0 35px rgba(255,255,255,.025)}.page-banner h2{margin:5px 0 4px;font-size:30px}.page-banner p{margin:0;color:#bcd0e4}.danger-banner{background:linear-gradient(115deg,rgba(77,25,37,.98),rgba(153,55,55,.62))}.banner-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:31px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:2}.span2{grid-column:span 2}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.mini-stat{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.mini-stat b{display:block;font-size:25px}.mini-stat small{color:var(--muted)}
.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kanban-col{border-radius:17px;padding:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);min-height:250px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:5px 3px 13px}.kanban-head span{font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--muted)}.task-card{border:1px solid rgba(255,255,255,.09);border-left:4px solid var(--hp-a);background:linear-gradient(145deg,rgba(18,40,65,.96),rgba(10,24,41,.96));border-radius:14px;padding:13px;margin-bottom:10px;box-shadow:0 10px 28px rgba(0,0,0,.18)}.task-card.high{border-left-color:var(--warn)}.task-card.urgent{border-left-color:var(--bad);box-shadow:0 0 25px rgba(255,101,112,.08)}.task-top{display:flex;justify-content:space-between;gap:10px}.task-card h4{margin:0 0 8px}.task-meta{color:var(--muted);font-size:11px;line-height:1.55}.task-actions{display:flex;gap:6px;margin-top:11px}.task-actions button{flex:1;padding:7px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:var(--text);cursor:pointer}.priority{font-size:9px;font-weight:900;padding:4px 7px;border-radius:99px;background:rgba(255,255,255,.07)}.priority.urgent{background:rgba(255,101,112,.16);color:#ff929a}.priority.high{background:rgba(255,184,75,.15);color:#ffd08a}
.count-expected{margin-top:15px}.expected-card{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.expected-card div{background:rgba(255,255,255,.04);border-radius:12px;padding:12px}.expected-card b,.expected-card small{display:block}.expected-card small{color:var(--muted)}.variance-pos{color:var(--good);font-weight:900}.variance-neg{color:var(--bad);font-weight:900}.variance-zero{color:var(--hp-a);font-weight:900}
.btn.danger{background:linear-gradient(135deg,#d93652,#ff6570);color:white;border-color:transparent}.hold-photo-thumb{width:48px;height:48px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.12)}
.map-toolbar{display:grid;grid-template-columns:1fr 220px auto;gap:10px}.heat-legend{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0;color:var(--muted);font-size:11px}.heat-legend span{display:flex;align-items:center;gap:6px}.heat{width:12px;height:12px;border-radius:4px}.heat.cool{background:#1d8fa8}.heat.warm{background:#7d63ef}.heat.hot{background:#ff9b43}.heat.held{background:#ff6570}.warehouse-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.location-cell{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:14px;min-height:122px;cursor:pointer;overflow:hidden;transition:.2s;background:linear-gradient(145deg,rgba(17,42,67,.9),rgba(10,25,42,.9))}.location-cell:before{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--heat,var(--hp-a))}.location-cell:hover{transform:translateY(-3px);border-color:var(--heat,var(--hp-a));box-shadow:0 14px 32px rgba(0,0,0,.24)}.location-cell.held{outline:1px solid rgba(255,101,112,.5)}.location-cell h4{margin:0 0 10px;font-size:18px}.loc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.loc-metrics div{background:rgba(255,255,255,.045);border-radius:9px;padding:7px}.loc-metrics b,.loc-metrics small{display:block}.loc-metrics small{font-size:9px;color:var(--muted)}.loc-age{margin-top:8px;color:var(--muted);font-size:10px}
.bar-chart{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:230px;padding-top:20px}.bar-day{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar{width:min(42px,75%);min-height:5px;background:linear-gradient(180deg,var(--hp-a),var(--hp-b));border-radius:9px 9px 3px 3px;box-shadow:0 0 20px rgba(29,213,255,.16);transition:.4s}.bar-day b{font-size:11px}.bar-day small{color:var(--muted);font-size:9px}.donut-wrap{min-height:230px;display:grid;place-items:center}.donut{width:168px;height:168px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:25px;border-radius:50%;background:#0d1d31}.donut-center{z-index:1;text-align:center}.donut-center b,.donut-center small{display:block}.donut-center b{font-size:29px}.donut-center small{color:var(--muted)}.donut-legend{display:grid;gap:7px;margin-top:15px}.donut-legend span{display:flex;justify-content:space-between;gap:20px;font-size:11px}.rank-list{display:grid;gap:9px}.rank-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center}.rank-no{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(118,92,255,.14);color:#b9aaff;font-weight:900}.rank-track{height:7px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden;margin-top:5px}.rank-track span{height:100%;display:block;background:linear-gradient(90deg,var(--hp-b),var(--hp-a))}.export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:13px}.export-tile{padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;font-weight:800}.export-tile:hover{border-color:rgba(29,213,255,.4);color:var(--hp-a)}
.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.switch-row{display:flex!important;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.switch-row span b,.switch-row span small{display:block}.switch-row span small{color:var(--muted);font-size:10px;margin-top:3px}.switch-row input{width:24px;height:24px}.settings-grid .btn{margin-top:9px}

/* global search */
.floating-scan{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border:0;border-radius:18px;background:linear-gradient(145deg,var(--hp-b),var(--hp-a));color:#fff;font-size:27px;box-shadow:0 18px 45px rgba(29,213,255,.3);z-index:30;cursor:pointer;transition:.2s}.floating-scan:hover{transform:translateY(-4px) scale(1.03)}.command-palette{position:fixed;inset:0;z-index:100;background:rgba(2,9,17,.78);backdrop-filter:blur(16px);display:grid;place-items:start center;padding:10vh 18px 20px}.palette-card{width:min(760px,100%);background:linear-gradient(145deg,#142a46,#091827);border:1px solid rgba(255,255,255,.13);border-radius:22px;box-shadow:0 35px 110px rgba(0,0,0,.55);overflow:hidden}.palette-input{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.palette-input>span{font-size:25px;text-align:center;color:var(--hp-a)}.palette-input input{border:0!important;background:transparent!important;box-shadow:none!important;font-size:20px;padding:12px}.palette-hints{display:flex;justify-content:space-between;padding:8px 15px;color:var(--muted);font-size:10px}.global-results{max-height:480px;overflow:auto;padding:8px}.global-hit{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:13px;cursor:pointer}.global-hit:hover{background:rgba(29,213,255,.08)}.global-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(118,92,255,.15)}.global-hit b,.global-hit small{display:block}.global-hit small{color:var(--muted)}

/* forklift mode */
body.forklift-mode .content{font-size:17px}body.forklift-mode input,body.forklift-mode select,body.forklift-mode textarea{min-height:56px;font-size:18px}body.forklift-mode .btn{min-height:54px;font-size:16px;padding:13px 19px}body.forklift-mode .nav{min-height:48px;font-size:15px}body.forklift-mode .quick-tile{min-height:125px}body.forklift-mode td,body.forklift-mode th{padding:13px 10px}
.muted{color:var(--muted)}

@media(max-width:1100px){.ops-command{grid-template-columns:1fr 1fr}.shift-card{grid-column:span 2}.dashboard-split,.settings-grid{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.command-tools .live-chip,.command-tools .clock-chip,.command-tools .icon-btn span{display:none}.command-tools{gap:5px}.icon-btn{width:40px;padding:0}.ops-command{grid-template-columns:1fr}.shift-card{grid-column:auto}.quick-grid{grid-template-columns:1fr 1fr}.mini-kpis{grid-template-columns:repeat(2,1fr)}.map-toolbar{grid-template-columns:1fr}.page-banner{padding:18px}.page-banner h2{font-size:25px}.banner-icon{width:52px;height:52px}.span2{grid-column:auto}.warehouse-map{grid-template-columns:repeat(2,1fr)}.export-grid{grid-template-columns:1fr}.floating-scan{width:52px;height:52px;right:14px;bottom:14px}}
@media(max-width:480px){.quick-grid,.warehouse-map{grid-template-columns:1fr}.shift-grid{grid-template-columns:1fr}.score-ring{width:68px;height:68px}.bar-chart{gap:5px}.page-banner .banner-icon{display:none}}