:root{--orange:#bd6b3e;--orange-dark:#99522d;--orange-soft:#f8ede5;--paper:#f7f7f5;--white:#fff;--ink:#282b28;--muted:#7c817b;--line:#e8eae5;--green:#477757;--green-soft:#edf4ee;--blue:#537a95;--blue-soft:#eef3f7;--red:#bd6254;--red-soft:#fbefec;--sidebar:248px;--radius:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d8a480;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:650;letter-spacing:-1.2px;line-height:1.2}h2{font-size:16px;font-weight:650;letter-spacing:-.35px}h3{font-size:14px;font-weight:600}small{font-size:11px}.skip{position:fixed;left:12px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 20px 0;z-index:30}.brand{display:block;width:fit-content;margin:0 14px 33px;color:var(--orange)}.wordmark{font-size:27px;letter-spacing:3.5px;line-height:1;font-weight:750;display:block;position:relative}.brand-mark{font-size:22px;position:absolute;right:-16px;top:-10px}.brand-sub{display:block;font-size:8px;letter-spacing:7px;margin:9px 0 0 3px}.workspace{display:flex;align-items:center;gap:10px;background:#f7f7f5;border:1px solid var(--line);padding:12px 10px;border-radius:9px;margin-bottom:29px}.workspace-icon{color:var(--orange);background:#f1e7df;padding:7px;border-radius:7px}.workspace-icon svg{width:17px;height:17px}.workspace strong{display:block;font-size:11px;font-weight:650}.workspace div>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.workspace-dot{width:6px;height:6px;background:var(--green);border-radius:100%;margin-left:auto}.nav-label{font-size:9px;font-weight:650;letter-spacing:1.7px;color:#999d97;margin:0 13px 13px}nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;padding:12px 14px;gap:12px;border-radius:8px;color:#6a7068;font-size:12px;font-weight:500}.nav-item:hover{background:#f7f7f4}.nav-item.active{color:var(--orange);background:var(--orange-soft);font-weight:650}.nav-item svg{width:18px;height:18px}.nav-item .nav-count{font-size:10px;margin-left:auto;padding:3px 6px;background:#edf0e9;border-radius:4px;color:#787e73}.nav-item.active .nav-count{background:#edd5c4;color:var(--orange-dark)}.sidebar-bottom{margin-top:auto;padding-top:35px}.demo-note{display:flex;gap:9px;align-items:flex-start;padding:16px 9px 13px}.demo-dot{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:var(--orange);margin-top:4px}.demo-note strong{font-size:11px;font-weight:600;display:block}.demo-note div>span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.reset-button{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#777c75;width:100%;padding:10px 10px 18px}.reset-button:hover{color:var(--orange)}.reset-button span{font-size:18px}.sidebar-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:21px 3px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#efe6dd;font-size:10px;font-weight:650;color:#9b745b}.sidebar-footer strong{font-size:11px;display:block;font-weight:600}.sidebar-footer div>span{font-size:9px;color:var(--muted);display:block;margin-top:4px}.app-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(255,255,255,.75);gap:10px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted)}.breadcrumb strong{font-weight:550;color:#545c51}.slash{color:#c7ccc3}.topbar-right{display:flex;align-items:center;gap:18px}.demo-pill{font-size:10px;color:#7d827a;display:flex;align-items:center;gap:6px}.demo-pill span{height:5px;width:5px;border-radius:50%;background:var(--orange)}.topbar-divider{width:1px;height:23px;background:var(--line)}.topbar-monogram{width:29px;height:29px;background:#ebece8;border:3px solid white;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:700;color:#7a7e75}.mobile-menu{display:none}main{padding:34px 38px 20px;max-width:1600px;width:100%;margin:auto;flex:1;outline:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--orange);font-weight:650;margin-bottom:10px;display:flex;align-items:center;gap:7px}.eyebrow::before{content:"";width:17px;height:1px;background:var(--orange)}.subtitle{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.6}.head-actions{display:flex;gap:9px;align-items:center;padding-top:15px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--line);border-radius:7px;background:white;color:#5b6258;font-size:11px;font-weight:550;white-space:nowrap;min-height:38px;transition:.15s}.button:hover{background:#f4f5f1;border-color:#cdd2c6}.button svg{width:15px;height:15px}.button.primary{background:var(--orange);color:white;border-color:var(--orange);box-shadow:0 3px 7px #bd6b3e15}.button.primary:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.button.small{padding:7px 10px;min-height:31px;font-size:10px}.button.soft{background:var(--orange-soft);border-color:transparent;color:var(--orange)}.date-pill{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--muted);border:1px solid var(--line);padding:9px 12px;border-radius:6px;background:#fff}.date-pill svg{width:14px;height:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px 16px;min-width:0;position:relative}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a8176}.metric-icon{background:#f5f5f1;padding:7px;border-radius:8px;color:#89917f}.metric-icon svg{height:17px;width:17px}.metric-value{font-size:30px;font-weight:600;letter-spacing:-1.2px;margin-top:8px;line-height:1.2;font-variant-numeric:tabular-nums}.metric-value small{font-weight:400;font-size:13px;color:#8a9083;letter-spacing:0;margin-left:3px}.metric-foot{font-size:10px;margin-top:13px;color:#969b90;display:flex;align-items:center;gap:5px}.metric-foot .positive{color:var(--green)}.metric-foot .attention{color:var(--orange)}.metric.accent{border-color:#e5c7b3;background:linear-gradient(135deg,#fff,#fdf8f4)}.metric.accent .metric-icon{background:#f5e5d9;color:var(--orange)}.metric-spark{position:absolute;right:20px;bottom:14px;width:65px;height:22px;opacity:.8;stroke:var(--orange)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(265px,1fr);gap:20px;margin-bottom:22px}.card{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden;min-width:0}.card-head{padding:21px 23px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.card-kicker{font-size:10px;color:var(--muted);margin-top:6px}.text-link{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:var(--orange);font-weight:550;white-space:nowrap}.text-link:hover{text-decoration:underline}.text-link svg{width:13px;height:13px}.legend{display:flex;align-items:center;gap:16px;font-size:9px;color:#8d9387}.legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{display:inline-block;height:7px;width:7px;border-radius:2px;background:var(--orange)}.legend-dot.out{background:#cfdbbf}.chart{padding:13px 23px 18px}.chart-main{display:flex;height:148px;gap:12px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:24px;font-size:8px;color:#a4aa9c;padding-bottom:3px}.chart-plot{flex:1;display:flex;align-items:stretch;justify-content:space-around;position:relative;border-bottom:1px solid #eef0e9;background:repeating-linear-gradient(to top,transparent,transparent calc(33.333% - 1px),#f1f2ed calc(33.333% - 1px),#f1f2ed 33.333%);gap:14px}.chart-column{display:flex;align-items:flex-end;justify-content:center;gap:5px;flex:1;position:relative}.bar{max-width:19px;flex:1;background:var(--orange);border-radius:4px 4px 0 0;min-height:0;opacity:.86;position:relative}.bar.out{background:#cfdbbf}.chart-label{position:absolute;bottom:-23px;font-size:8px;color:#9a9f92;white-space:nowrap}.chart-bottom{margin:43px 0 0 36px;border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;gap:6px;font-size:10px;color:#969c8f}.chart-bottom strong{font-weight:550;color:#5e6a54}.chart-bottom svg{height:13px;width:13px;color:var(--green)}.occupancy-main{padding:5px 23px 17px;display:flex;align-items:center;gap:20px}.donut{width:115px;height:115px;flex-shrink:0;position:relative}.donut svg{width:115px;height:115px;stroke-width:9;transform:rotate(-90deg)}.donut circle{fill:none;stroke:#f1f1eb}.donut circle.progress{stroke:var(--orange);stroke-linecap:round}.donut-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-label strong{font-size:25px;letter-spacing:-1px;font-weight:600}.donut-label span{font-size:9px;color:var(--muted);margin-top:3px}.occupancy-stats{flex:1;min-width:0}.occupancy-stat{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin-bottom:13px;color:#8c9382}.occupancy-stat strong{font-size:12px;color:#47533e;font-weight:600}.occupancy-stat:last-child{margin-bottom:0}.location-strip{display:flex;gap:5px;margin:0 23px;padding:13px 0;border-top:1px solid var(--line)}.location-cell{height:10px;border-radius:2px;flex:1;background:#f0f1eb}.location-cell.used{background:#d9aa89}.location-key{font-size:9px;margin:0 23px 22px;display:flex;justify-content:space-between;gap:10px;color:#969c8f}.lower-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(265px,1fr);gap:20px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;font-weight:550;letter-spacing:.25px;color:#979d90;background:#fbfbf9;padding:13px 18px;border-top:1px solid #f1f2ed;border-bottom:1px solid #f1f2ed}td{font-size:11px;padding:15px 18px;border-bottom:1px solid #f0f1eb;color:#66705b}tr:last-child td{border-bottom:0}tr:hover td{background:#fdfcfb}td strong{color:#49523f;font-weight:550}.code{font-size:10px;letter-spacing:.2px;font-variant-numeric:tabular-nums;color:#49523f;font-weight:600}.subtext{font-size:9px;color:#9aa18e;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:500;padding:5px 8px;border-radius:5px;background:#f2f3ed;color:#89927a;white-space:nowrap;line-height:1.15}.badge::before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}.badge.orange{background:var(--orange-soft);color:var(--orange)}.badge.green{background:var(--green-soft);color:var(--green)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.red{background:var(--red-soft);color:var(--red)}.priority{font-size:9px;display:flex;gap:5px;align-items:center}.priority.high{color:var(--orange)}.priority svg{width:12px;height:12px}.table-footer{padding:14px 20px;border-top:1px solid var(--line);font-size:10px;color:#9ca393;display:flex;align-items:center;justify-content:space-between}.row-button{color:#9ca48f;padding:6px;border-radius:5px}.row-button:hover{color:var(--orange);background:var(--orange-soft)}.row-button svg{width:16px;height:16px}.attention-list{padding:0 22px 4px}.attention-item{padding:15px 0;border-bottom:1px solid #f1f2ed;display:flex;align-items:flex-start;gap:11px}.attention-item:last-child{border:0}.attention-icon{color:var(--orange);background:var(--orange-soft);border-radius:8px;padding:8px}.attention-icon svg{width:16px;height:16px}.attention-item strong{font-size:11px;font-weight:550;display:block;line-height:1.4}.attention-item p{font-size:10px;color:#949d86;line-height:1.6;margin-top:4px}.attention-item .text-link{font-size:9px;margin-top:7px}.card-footnote{font-size:9px;line-height:1.6;color:#a1a78f;padding:12px 23px 17px}.section-banner{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eeefe9;border:1px solid #e4e7dc;border-radius:10px;padding:15px 20px}.section-banner p{font-size:10px;color:#7e8972;line-height:1.5}.section-banner strong{color:#556349;font-weight:550}.section-banner svg{color:#8d9d7d;width:17px;height:17px;margin-right:8px}.app-footer{padding:22px 38px 24px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a4aa9a;gap:15px}.app-footer>span:first-child{font-weight:650;letter-spacing:1.5px;color:#8a927d}.app-footer>span:first-child span{font-weight:400;letter-spacing:0;margin-left:5px}.toolbar{padding:18px 21px;display:flex;justify-content:space-between;gap:12px;align-items:center}.search{position:relative;flex:1;max-width:360px}.search svg{position:absolute;left:12px;top:11px;height:15px;width:15px;color:#929b84}.search input{border:1px solid var(--line);border-radius:7px;width:100%;padding:11px 12px 11px 36px;font-size:11px;background:#fcfcfa;color:var(--ink)}input::placeholder{color:#a1a794}.filter-group{display:flex;align-items:center;gap:9px}select.filter{border:1px solid var(--line);padding:10px 28px 10px 12px;border-radius:7px;font-size:10px;color:#7b856e;background:#fff;max-width:180px}.inventory-product{display:flex;align-items:center;gap:12px}.product-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #eee9e1;border-radius:7px;background:#f8f3ed;color:#bc9677;flex-shrink:0}.product-icon svg{height:16px;width:16px}.number{font-variant-numeric:tabular-nums}.availability{display:flex;align-items:center;gap:10px}.stock-track{display:block;height:4px;width:46px;background:#f0f2ea;border-radius:5px;overflow:hidden}.stock-track i{display:block;height:100%;background:#9eaf8b}.stock-track i.low{background:#d6a179}.empty{padding:45px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty svg{display:block;margin:0 auto 14px;width:29px;height:29px;color:#abb49c}.inline-count{font-size:10px;background:#f1f2ec;color:#8c987a;border-radius:4px;padding:3px 7px;margin-left:7px;vertical-align:middle}.location-grid{padding:3px 22px 24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.bin{background:#fbfcf8;border:1px solid #e8edde;padding:17px 14px;border-radius:9px;display:block;text-align:left;transition:.15s}.bin:hover{border-color:#c9a68a;transform:translateY(-2px)}.bin.occupied{background:#fcf7f2;border-color:#ecd9c9}.bin-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;color:#6b765c}.bin svg{width:18px;height:18px;color:#b8c4aa}.bin.occupied svg{color:#c48b62}.bin p{margin-top:17px;font-size:11px;font-weight:550;color:#738164}.bin .subtext{font-size:9px;font-weight:400;margin-top:5px;color:#a4ad97}.stock-state{height:4px;background:#e7eddf;border-radius:4px;margin-top:13px;overflow:hidden}.stock-state i{display:block;width:100%;height:100%;background:#cda17d}.zone-summary{padding:0 22px 21px;display:flex;gap:12px;flex-wrap:wrap}.zone-chip{font-size:10px;color:#859474;display:flex;gap:5px;align-items:center}.zone-chip strong{font-weight:600;color:#60784c}.icon-button{width:32px;height:32px;border-radius:6px;align-items:center;justify-content:center}.icon-button:hover{background:#f1f2eb}.icon-button svg{height:18px;width:18px}dialog{padding:0;border:1px solid #e7e6dd;border-radius:15px;max-width:520px;width:calc(100% - 36px);box-shadow:0 25px 90px #2b2a2530;color:var(--ink)}dialog::backdrop{background:#252c2547;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 26px 20px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:22px;letter-spacing:-.7px}.modal-head p{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.5}.modal-head .icon-button{display:flex;margin-top:-5px;margin-right:-7px}.modal-body{padding:24px 26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;font-size:11px;color:#6e7a60}.field>span{font-size:10px;color:#9aa58d;line-height:1.5}.field input,.field select{border:1px solid #dfe5d6;border-radius:7px;padding:11px 12px;font-size:12px;color:var(--ink);background:#fff;width:100%;min-width:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:18px 26px;border-top:1px solid var(--line);background:#fbfcf8}.form-error{display:none;font-size:11px;color:var(--red);background:var(--red-soft);border-radius:7px;padding:12px;margin-top:8px;line-height:1.6}.form-error.visible{display:block}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin:0}.detail-grid dt{font-size:10px;color:var(--muted);margin-bottom:7px}.detail-grid dd{margin:0;font-size:12px;color:#536246;line-height:1.5}.detail-note{background:#f4f6ef;border-radius:8px;padding:14px;font-size:11px;line-height:1.7;color:#7f8e70;margin-top:23px}.toast{position:fixed;bottom:25px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%,30px);z-index:100;background:#35432d;color:white;padding:14px 22px;border-radius:9px;box-shadow:0 10px 30px #2a302530;font-size:12px;opacity:0;transition:.2s;pointer-events:none;max-width:min(85vw,520px);line-height:1.5}.toast.visible{opacity:1;transform:translate(-50%,0)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.right{text-align:right}.muted{color:var(--muted)}
@media(min-width:1500px){:root{--sidebar:270px}main{padding-top:43px}.metric{padding:23px}.dashboard-grid,.lower-grid{gap:24px}.chart-main{height:180px}}
@media(max-width:1180px){:root{--sidebar:220px}.sidebar{padding-left:13px;padding-right:13px}.topbar{padding:0 25px}main{padding:30px 25px 20px}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(255px,1fr);gap:16px}.metrics{gap:10px}.metric{padding:15px}.metric-value{font-size:27px}.card-head{padding:19px 18px 16px}.occupancy-main{padding-left:18px;padding-right:18px;gap:13px}.donut,.donut svg{width:100px;height:100px}.legend{gap:9px}.head-actions{gap:7px}.date-pill{display:none}.location-grid{grid-template-columns:repeat(4,minmax(0,1fr))}td,th{padding-left:14px;padding-right:14px}.attention-list{padding-left:18px;padding-right:18px}}
@media(max-width:980px){.dashboard-grid,.lower-grid{grid-template-columns:1fr}.occupancy-main{padding-bottom:20px;gap:30px}.occupancy-stats{max-width:260px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:30px}.page-head{gap:15px}h1{font-size:29px}.head-actions{padding-top:12px}.attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.attention-item{border:0}.card-footnote{border-top:1px solid var(--line);padding-top:12px}.location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){:root{--sidebar:248px}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:0 0 50px #1112}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.topbar{height:61px;padding:0 19px}.mobile-menu{display:flex}.breadcrumb{gap:9px}.breadcrumb>span:first-of-type{display:none}.slash{display:none}.topbar-right{gap:12px}.topbar-divider{display:none}.demo-pill{font-size:9px}main{padding:27px 18px 10px}.page-head{flex-direction:column;gap:17px;margin-bottom:22px}.head-actions{padding:0;width:100%;justify-content:flex-end}.head-actions .button{flex:1}.metrics{gap:10px;margin-bottom:18px}.metric{padding:14px}.metric-top{font-size:10px}.metric-value{font-size:28px}.metric-foot{font-size:9px;margin-top:12px;line-height:1.5;min-height:14px}.metric-icon{padding:5px}.metric-icon svg{width:15px;height:15px}.metric-spark{display:none}.subtitle{font-size:11px}.dashboard-grid,.lower-grid{gap:17px;margin-bottom:17px}.card-head{padding:18px 17px 15px}h2{font-size:15px}.chart{padding-left:14px;padding-right:14px}.legend{font-size:8px;gap:9px}.chart-plot{gap:8px}.chart-main{height:145px}.chart-column{gap:4px}.attention-list{display:block;padding-left:17px;padding-right:17px}.attention-item{border-bottom:1px solid var(--line)}.section-banner{padding:15px;gap:10px}.section-banner>.text-link{display:none}.app-footer{padding:20px 18px;align-items:flex-start}.app-footer>span:last-child{font-size:8px;max-width:200px;text-align:right;line-height:1.7}.toolbar{padding:15px;align-items:stretch;flex-direction:column}.search{max-width:none}.filter-group select{flex:1;max-width:none}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 15px 18px}.bin{padding:13px}.toast{left:50%;width:max-content}.form-row{gap:12px}.modal-head{padding:22px 20px 18px}.modal-body{padding:21px 20px}.modal-actions{padding:16px 20px}.page-head h1{font-size:29px}}
.delivery-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:23px;align-items:start}.delivery-detail-column{display:flex;flex-direction:column;gap:20px;min-width:0;scroll-margin-top:20px}.route-card{min-width:0}.route-card .card-head{padding-bottom:21px}.route-card .inline-count{display:inline-block;font-size:8px;letter-spacing:.5px;font-weight:450;vertical-align:2px;margin-left:6px}.route-icon{display:grid;place-items:center;width:33px;height:33px;background:#f4f4ef;border-radius:8px;color:#96a086;flex-shrink:0}.route-icon svg{height:18px;width:18px}.route-progress{padding:0 23px 23px}.route-progress-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#939b89;margin-bottom:10px}.route-progress-top strong{font-weight:600;color:#8b987c}.route-progress-track{height:5px;background:#f0f1eb;border-radius:10px;overflow:hidden}.route-progress-track i{height:100%;display:block;background:#a2b58b;border-radius:10px;transition:width .3s}.route-tabs{padding:0 23px;display:flex;gap:20px;border-bottom:1px solid var(--line)}.route-tabs button{font-size:10px;padding:0 0 14px;color:#959d8d;border-bottom:2px solid transparent;display:flex;align-items:center;gap:5px}.route-tabs button.selected{color:var(--orange);border-color:var(--orange);font-weight:600}.route-tabs button span{background:#f2f3ed;border-radius:4px;font-size:8px;padding:2px 5px;color:#919b83}.route-tabs button.selected span{background:var(--orange-soft);color:var(--orange)}.stop-row{width:100%;display:flex;gap:14px;padding:21px 22px;text-align:left;border-bottom:1px solid #f0f1eb;border-left:3px solid transparent;align-items:flex-start;position:relative;transition:.15s}.stop-row:hover{background:#fcfaf7}.stop-row.selected{border-left-color:var(--orange);background:#fcf7f1}.stop-number{height:27px;width:27px;display:grid;place-items:center;border:1px solid #e4e6dc;border-radius:50%;font-size:10px;font-weight:600;color:#9aa38e;flex-shrink:0;background:white;position:relative;margin-top:2px}.stop-number.done{background:#edf4e8;border-color:#edf4e8;color:var(--green)}.stop-number.done svg{height:14px;width:14px}.stop-number.failed{background:#fcf0ec;border-color:#fcf0ec;color:var(--red)}.stop-row.selected .stop-number{border-color:var(--orange);background:var(--orange);color:white}.stop-copy{flex:1;min-width:0}.stop-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}.stop-heading>strong{font-size:12px;font-weight:600;color:#59654d;line-height:1.4}.stop-heading .badge{font-size:8px;padding:4px 6px}.stop-address{font-size:11px;line-height:1.5;color:#8d9681;display:block}.stop-meta{display:flex;flex-wrap:wrap;gap:6px;line-height:1.5;color:#a2ab96;font-size:9px;margin-top:7px}.stop-meta>span{color:#c1c7b7}.stop-chevron{color:#bac1ae;align-self:center}.stop-chevron svg{width:13px;height:13px}.route-bottom{padding:18px 23px;display:flex;align-items:center;gap:7px;font-size:9px;color:#a1ab92;background:#fcfdf9}.route-bottom svg{height:14px;width:14px}.route-bottom span:last-child{margin-left:auto;font-size:8px}.stop-detail-header{padding:23px 24px 24px;background:var(--orange-soft);border-bottom:1px solid #eadbcf;position:relative;overflow:hidden}.stop-detail-header::after{content:"";position:absolute;right:-26px;top:-27px;width:140px;height:140px;border:1px solid #ead1bd;transform:rotate(-35deg);border-radius:30px;pointer-events:none}.stop-detail-header .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:15px}.stop-title-row{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;gap:12px}.stop-title-row h2{font-size:23px;letter-spacing:-.6px;font-weight:600;color:#8f5c39;line-height:1.2}.stop-index{font-size:28px;line-height:1;color:#d1a282;font-weight:450}.stop-detail-header>p{font-size:10px;color:#b38d70;margin-top:8px}.stop-detail-body{padding:24px}.address-block{display:flex;align-items:flex-start;gap:12px}.detail-symbol{background:#f5f5ef;color:#9aa98c;border-radius:7px;padding:9px;margin-top:1px}.detail-symbol svg{height:17px;width:17px}.field-caption{font-size:8px;letter-spacing:1px;color:#a0a98f;display:block;font-weight:500}.address-block strong{display:block;margin-top:7px;font-size:12px;font-weight:550;color:#637154;line-height:1.5}.address-block p{font-size:10px;color:#a0aa91;margin-top:5px;line-height:1.5}.maps-button{width:100%;justify-content:flex-start;margin-top:20px;border-color:#e2e8d8;background:#f7f9f3;color:#73835e;padding:12px 13px;font-size:11px;gap:10px}.maps-button svg:last-child{margin-left:auto;width:14px;height:14px}.maps-button:hover{background:#edf2e6;border-color:#c3d0b1}.maps-hint{font-size:8px;color:#a7ae9b;line-height:1.6;margin-top:8px;text-align:center}.stop-facts{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:23px;padding-bottom:22px;border-bottom:1px solid var(--line)}.stop-facts strong{display:flex;gap:6px;font-size:11px;font-weight:500;color:#83936e;margin-top:9px}.stop-facts strong svg{width:13px;height:13px}.stop-facts .badge{margin-top:8px}.shipment-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 15px}.shipment-heading h3{font-size:11px;color:#7d8c6a}.shipment-heading>span{font-size:9px;background:#f1f4eb;padding:3px 6px;color:#9aa788;border-radius:4px}.package-list{display:flex;flex-direction:column;gap:8px}.package-row{display:flex;gap:10px;align-items:center;background:#fdfdfb;border:1px solid #edf0e5;padding:10px 11px;border-radius:7px}.package-icon{background:#f3f1e9;padding:6px;border-radius:5px;color:#c1a386}.package-icon svg{height:16px;width:16px}.package-row>div{flex:1}.package-row strong{font-size:9px;font-weight:600;color:#81906e;display:block;letter-spacing:.3px}.package-row div>span{display:block;font-size:8px;color:#adb79d;margin-top:4px}.package-row>svg{color:#c3ccb7;width:23px;height:23px}.shipment-reference{font-size:8px;color:#b0b89f;display:flex;justify-content:space-between;gap:10px;margin-top:13px;flex-wrap:wrap}.shipment-reference strong{font-weight:450;color:#9caa87;margin-left:4px}.delivery-actions{margin-top:23px;display:flex;flex-direction:column;gap:9px}.delivery-actions .button{width:100%;font-size:12px;min-height:43px}.delivery-actions .button svg{height:16px;width:16px}.delivery-actions .fail-button{font-size:10px;border-color:transparent;color:#a8a28d;background:transparent;min-height:29px}.delivery-actions .fail-button:hover{background:#faf1eb;color:var(--red)}.delivery-result{display:flex;gap:10px;align-items:flex-start;padding:15px;border-radius:8px;margin-top:23px;background:#eff5e8;color:var(--green)}.delivery-result>svg{flex-shrink:0;width:19px;height:19px}.delivery-result strong{font-size:11px;font-weight:600;display:block}.delivery-result p{font-size:10px;margin-top:6px;line-height:1.6;color:#8b9c7b}.delivery-result.failure{background:var(--red-soft);color:var(--red)}.delivery-result.failure p{color:#b7897c}.trace-card .card-head>svg{height:18px;width:18px;color:#b9c4a8}.trace-list{padding:0 24px 5px;margin:2px 0 20px;list-style:none}.trace-list li{display:flex;gap:13px;position:relative;padding-bottom:20px}.trace-list li:not(:last-child)::after{content:"";position:absolute;left:4px;top:13px;bottom:0;border-left:1px solid #e8eddf}.trace-list li:last-child{padding-bottom:0}.trace-dot{height:9px;width:9px;background:#fff;border:2px solid #ced9c0;border-radius:50%;flex-shrink:0;margin-top:2px;position:relative;z-index:1}.trace-list li:last-child .trace-dot{border-color:var(--orange);background:var(--orange-soft)}.trace-list strong{font-size:10px;font-weight:550;color:#869673;display:block}.trace-list p{font-size:9px;color:#a4af94;line-height:1.65;margin-top:5px}.trace-list time{display:block;font-size:8px;color:#b3bca4;margin-top:5px}.proof-preview{margin-top:20px}.proof-preview img{display:block;max-width:100%;max-height:220px;object-fit:contain;margin-top:10px;border:1px solid var(--line);border-radius:8px}.stop-list:empty{min-height:130px}.route-progress-track i{max-width:100%}
@media(min-width:1500px){.delivery-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:25px}.stop-row{padding-top:24px;padding-bottom:24px}.stop-heading>strong{font-size:13px}.stop-address{font-size:12px}}
@media(max-width:1130px){.delivery-layout{grid-template-columns:minmax(0,1fr) minmax(305px,.9fr);gap:17px}.stop-row{gap:10px;padding-left:16px;padding-right:14px}.stop-heading{flex-wrap:wrap;gap:5px}.stop-detail-body{padding:20px}.stop-detail-header{padding:22px 20px}.stop-title-row h2{font-size:21px}.route-tabs{gap:15px;padding-left:18px;padding-right:18px}.route-card .inline-count{display:block;width:fit-content;margin:7px 0 0}.route-progress{padding-left:18px;padding-right:18px}.route-card .card-head{padding-bottom:18px}.head-actions .button{font-size:10px;padding-left:12px;padding-right:12px}}
@media(max-width:940px){.delivery-layout{grid-template-columns:1fr}.delivery-detail-column{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:17px}.trace-list{padding-left:20px;padding-right:20px}.route-card .inline-count{display:inline-block;margin:0 0 0 6px}.stop-heading{flex-wrap:nowrap}.stop-row{padding:20px 21px}.route-bottom{padding-left:22px;padding-right:22px}}
@media(max-width:700px){.delivery-layout{display:flex;flex-direction:column;gap:18px}.delivery-detail-column{display:flex;flex-direction:column;width:100%;order:0}.route-card{width:100%;order:1}.delivery-detail-column .card{width:100%}.stop-detail-header{padding:21px}.stop-detail-body{padding:21px}.stop-title-row h2{font-size:24px}.stop-detail-header>p{font-size:11px}.address-block strong{font-size:13px}.address-block p{font-size:11px}.maps-button{font-size:12px;min-height:45px}.maps-hint{font-size:9px}.stop-facts strong{font-size:12px}.package-row{padding:12px}.package-row strong{font-size:10px}.package-row div>span{font-size:9px}.shipment-reference{font-size:9px}.delivery-actions .button{min-height:48px;font-size:13px}.delivery-actions .fail-button{font-size:11px;min-height:35px}.field-caption{font-size:9px}.shipment-heading h3{font-size:12px}.stop-heading>strong{font-size:12px}.stop-heading{gap:8px}.stop-row{padding:20px 16px;gap:11px}.stop-address{font-size:11px}.stop-meta{font-size:10px}.route-tabs{padding-left:18px;padding-right:18px;gap:20px}.route-tabs button{font-size:11px}.route-card .inline-count{display:block;margin:7px 0 0}.route-card .card-head{align-items:center}.route-progress-top{font-size:11px}.trace-list strong{font-size:11px}.trace-list p{font-size:10px}.trace-list time{font-size:9px}.route-bottom{font-size:10px;padding:17px}.route-bottom span:last-child{font-size:8px}.route-progress{padding-bottom:20px}.delivery-result strong{font-size:12px}.delivery-result p{font-size:11px}}
/* Keep operational text readable on desktop and outdoors on a phone. */
:root{--orange:#b15f35;--orange-dark:#914b28;--muted:#6d7565}
.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}
.subtitle,.card-kicker,.metric-top,.metric-foot,.demo-pill,.breadcrumb,.maps-hint,.route-progress-top,.route-bottom,.stop-meta,.shipment-reference,.stop-detail-header>p,.trace-list time,.field>span,.app-footer{color:#737c69}
.stop-heading>strong,.address-block strong,.stop-title-row h2{color:#4f5a44}
.stop-address,.address-block p,.stop-facts strong,.shipment-heading h3,.package-row strong,.trace-list strong,.delivery-result p{color:#65765a}
.stop-meta>span{color:#8d9682}.stop-detail-header>p{color:#926f52}.field-caption{color:#727f64}.package-row div>span,.shipment-reference strong,.trace-list p{color:#748364}
.route-tabs button{color:#768269}.route-bottom span:last-child{color:#7b876c}.maps-button{color:#526a3d}.delivery-actions .fail-button{color:#8a6b54}.delivery-result.failure p{color:#9c5b4b}
.stop-address{font-size:12px}.stop-meta{font-size:10px}.route-bottom{font-size:10px}.package-row strong{font-size:10px}.package-row div>span{font-size:9px}.trace-list p{font-size:10px}.trace-list strong{font-size:11px}.maps-hint{font-size:9px}.metric-foot{font-size:10px}.subtext{color:#7c8870}td{font-size:12px}th{color:#727e66;font-size:10px}.table-footer{color:#79866b}.nav-label{color:#758069}.workspace div>span,.sidebar-footer div>span{color:#737e67}
@media(max-width:700px){.stop-meta{font-size:11px}.head-actions .button{padding-left:10px;padding-right:10px;font-size:10px}.stop-heading .badge{font-size:9px}.app-footer>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}