/* Toyota Deployment Control — premium logistics design evolution */
:root{--bg:#f6f7f9;--ink:#10151d;--muted:#89919c;--line:#e9edf1;--blue:#20262f;--shadow:0 10px 30px rgba(16,24,40,.025)}
body{font-family:'DM Sans',sans-serif;color:#161c25;background:#f7f8fa}
.sidebar{background:#fff;border-right:1px solid #eceff2;color:#17202b;padding:30px 15px}
.brand{color:#141b24;font-size:14px;letter-spacing:.4px;padding-bottom:44px}
.brandmark{background:#111820;border-radius:12px;box-shadow:none;font-size:19px}
.brand small{color:#9aa2ae;font-size:9px}
.sidecaption{color:#aab2bc;font-weight:700}
.nav{color:#7c8795;font-size:12px;border-radius:11px}
.nav:hover,.nav:focus{background:#f3f5f8;color:#161e29}
.nav[href="/"],.nav[href="/dashboard"]{font-weight:700}
.sidefoot{border-top-color:#eef0f3}.avatar{background:#edf0f4;color:#2b3440}.userlabel{color:#2b3440}.userlabel small{color:#a3adba}.logout{color:#8895a6}
.topbar{border-bottom:1px solid #eceff2;height:76px}.crumb{letter-spacing:1.3px}.crumb-brand{color:#2b3646}.crumb-current{color:#99a3af}
.market-switch{background:#f3f5f7;border:1px solid #e9edf1;padding:4px;border-radius:13px}
.market-option{border-radius:9px;color:#87929f;font-size:11px;padding:10px 15px}
.market-option.selected{color:#151e29;box-shadow:0 3px 12px #1420330c}
.live{background:#f7f9f9;border-color:#e8eeeb;color:#64766e}
.content{padding-top:35px;max-width:1800px}.eyebrow{color:#9099a6;font-size:10px;letter-spacing:1.7px}
.pagehead h1{font-size:28px;letter-spacing:-1.1px}.pagehead p{font-size:13px;color:#939ba7}
.btn{border-radius:11px;min-height:42px;transition:background .15s,transform .15s}
.btn.primary{background:#151b23;box-shadow:none}.btn.primary:hover{background:#333c49}
.btn.ghost{border-color:#e5e9ef;color:#4e5a68}
.datepill{border-radius:11px}
.logistics-hero{background:#101419;border:1px solid #252b32;border-radius:22px;min-height:270px;padding:34px 38px;color:white;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:34px;margin-bottom:37px;position:relative;overflow:hidden}
.logistics-hero:before{content:'';position:absolute;width:380px;height:380px;right:130px;top:-240px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 65px #ffffff03,0 0 0 135px #ffffff03;pointer-events:none}
.hero-copy,.hero-summary{position:relative;z-index:1}
.hero-kicker{font-size:10px;letter-spacing:1.7px;color:#a7b2be;font-weight:800;display:flex;align-items:center;gap:9px}
.pulse-dot{width:7px;height:7px;background:#55d2a0;border-radius:50%;box-shadow:0 0 0 4px #55d2a019}
.hero-divider{color:#53606d;margin:0 3px}
.hero-copy h2{font-family:Manrope,sans-serif;font-size:clamp(25px,3vw,40px);letter-spacing:-1.9px;line-height:1.2;margin:23px 0 12px;font-weight:800}
.hero-period{color:#74c6a4}.hero-copy p{color:#a4aeb8;max-width:480px;font-size:13px;line-height:1.7;margin:0}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:26px}
.hero-button{background:white;color:#111923;padding:12px 17px;border-radius:11px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:24px}
.hero-button span{font-size:17px}.hero-secondary{font-size:12px;color:#c5cbd3;font-weight:700}
.hero-summary{background:#ffffff0b;border:1px solid #ffffff16;border-radius:17px;padding:24px}
.hero-summary-label{color:#aab5c0;font-size:10px;letter-spacing:1.3px;font-weight:800}
.hero-number{font-family:Manrope;font-weight:800;font-size:45px;letter-spacing:-2px;margin:9px 0 16px}
.hero-number span{font-size:16px;color:#87919b;letter-spacing:0;font-weight:500}
.hero-progress{height:6px;border-radius:20px;background:#3a434c;overflow:hidden}
.hero-progress span{height:100%;display:block;background:#74d4ab;border-radius:20px}
.hero-summary-foot{display:flex;justify-content:space-between;gap:12px;margin-top:17px;color:#a8b2bd;font-size:11px}
.section-intro{display:flex;justify-content:space-between;align-items:end;margin:0 0 17px;gap:12px}
.section-kicker{font-size:10px;letter-spacing:1.7px;color:#929ca8;font-weight:800}
.section-intro h2{font-family:Manrope;font-size:19px;letter-spacing:-.65px;margin:6px 0 0}
.section-aside{font-size:11px;color:#9aa4af}
.section-intro-table{margin-top:32px}
.metrics{gap:12px!important;grid-template-columns:repeat(7,minmax(0,1fr))}
.metric{border:1px solid #e9edf1;border-radius:17px;padding:21px 17px;box-shadow:none;min-width:0;transition:transform .18s,box-shadow .18s}
.metric:hover{transform:translateY(-2px);box-shadow:0 9px 25px #16253808}
.metriclabel{font-size:9px;letter-spacing:.9px;color:#98a2ae;min-height:28px}
.metriclabel span{color:#bac4ce}.metric strong{font-size:34px;letter-spacing:-1.4px;color:#161d26;margin:13px 0 5px}
.metric small{color:#a3acb7}
.filterbar{border-radius:15px;padding:12px;box-shadow:none}.filterbar select{border-radius:10px}
.searchbox input{font-size:13px}.panel{border-radius:17px;box-shadow:none;border-color:#e8edf2}
.paneltitle{padding:23px 25px}.tablewrap th{background:#fafbfc;color:#a4adba}
.tablewrap td{border-top-color:#f0f2f5}.dealericon{background:#f1f3f6;color:#414c5a}
.dealerlink strong{font-weight:800}.dealerlink:hover strong{color:#0d6caa}
.status{border-radius:8px;padding:8px 10px}
.status-installed,.status-delivered{background:#e8f7ef;color:#2c8e63}
.status-packaging{background:#fff3df;color:#ac7828}
.status-shipping{background:#eaf2ff;color:#3278c5}
.status-not_scheduled{background:#f2f4f6;color:#88929f}
.kanbancol{background:#f0f2f5;border-radius:15px}.kanbancard{border-radius:12px}
.detailgrid .panel{border-radius:17px}.step.done span{background:#1a242e}
.tick.checked{background:#1a242e;border-color:#1a242e}
.loginbody{background:#f0f2f5}.loginbox{box-shadow:0 20px 70px #10182014}
@media(max-width:1550px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.logistics-hero{grid-template-columns:minmax(0,1fr) 240px;padding:28px;gap:18px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{display:none}.logistics-hero{grid-template-columns:1fr;gap:22px}.hero-summary{max-width:100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{height:auto}.mobile-nav{box-shadow:0 -5px 30px #1018200d}}
@media(max-width:520px){.logistics-hero{padding:23px 20px;border-radius:18px;margin-bottom:26px;min-height:0}.hero-copy h2{font-size:27px;letter-spacing:-1.1px;margin:16px 0 10px}.hero-kicker{font-size:9px;letter-spacing:1px}.hero-copy p{font-size:12px}.hero-actions{gap:12px;flex-wrap:wrap;margin-top:21px}.hero-button{padding:11px 13px;gap:12px}.hero-secondary{font-size:11px}.hero-summary{padding:18px}.hero-number{font-size:36px}.section-intro h2{font-size:17px}.section-aside{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics .metric:first-child{grid-column:1/-1}.metric{padding:17px 14px}.metric strong{font-size:29px}.metriclabel{font-size:9px}.market-option{padding:10px 6px}.pagehead h1{font-size:25px}}