/* Brand tokens copied from kraft-dms/styles.css (blob d31eecbadc5cec85f2d4d1e523ed40beb8243d93). TV theme derives from DMS navy surfaces. */
:root{--font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--nav:#07182b;--nav-deep:#04111f;--nav-soft:#102943;--nav-line:#1b3a58;--accent:#2084e8;--accent-dark:#0d67be;--accent-soft:#e9f4ff;--fw-regular:400;--fw-medium:500;--fw-semibold:600}
:root{color-scheme:dark;--bg:#04111f;--panel:#0c1928;--line:#233b55;--muted:#8c9bb0;--text:#edf3fc;--blue:#2084e8;--green:#55d5b1;--amber:#f4bd65;--purple:#bba2f7;--red:#fa8584;--row:78px;--cell:22px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% -40%,#142d4c 0,transparent 65%),var(--bg);color:var(--text);font-family:var(--font-ui)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button{border:0}button:disabled{opacity:.3;cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}a{color:inherit;text-decoration:none}.app{padding:0 34px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex-shrink:0}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:700;letter-spacing:2.3px}.brand svg{width:23px;height:30px;stroke:none}.brand-product{border-left:1px solid #4b5a70;color:#7eaeed;margin-left:19px;padding-left:19px;font-size:14px;letter-spacing:3px}.header-right{display:flex;align-items:center;gap:19px}.timezone{color:var(--muted);font-size:9px;letter-spacing:1.4px;width:55px;line-height:1.7}.clock{display:flex;align-items:center;gap:17px}.clock strong{font-size:29px;letter-spacing:1px;font-variant-numeric:tabular-nums;font-weight:500}.clock span{font-size:11px;max-width:95px;color:#a7b4c8;line-height:1.6}.header-divider{height:28px;width:1px;background:var(--line);margin:0 3px}.icon-button{background:transparent;color:#9eafc6;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-button:hover{background:#22324a;color:white}.button{border:1px solid #354b69;background:#192e49;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:600;display:inline-flex;gap:9px;align-items:center;justify-content:center}.button:hover{background:#25466e}.button svg{width:16px;height:16px}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:27px 0 23px;flex-shrink:0}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#86a5ce;display:flex;gap:7px;align-items:center}.blue-dot{height:5px;width:5px;background:#469bff;border-radius:50%}h1{font-size:28px;letter-spacing:-.9px;margin:9px 0 7px;font-weight:600}.page-heading p{color:var(--muted);font-size:12px;margin:0}.connection{display:flex;align-items:flex-end;flex-direction:column;gap:12px}.demo-pill{font-size:9px;letter-spacing:1.3px;border:1px solid #3b4351;color:#b6c0d0;border-radius:4px;padding:6px 9px;background:#141f30}.connection>span:last-child{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.connection i{height:5px;width:5px;background:#d2a35e;border-radius:50%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:25px}.stat{padding:16px 20px 15px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(115deg,#122036,#0e1929);text-align:left;transition:border-color .2s}.stat:hover{border-color:#517299}.stat.active{border-color:#40699e;background:linear-gradient(115deg,#152944,#101e32)}.stat-label{font-size:12px;color:#c0cbdc;display:flex;align-items:center;gap:8px}.stat-icon{margin-left:auto;color:#6c829e;font-size:18px}.stat-bottom{display:flex;gap:12px;align-items:baseline;margin-top:9px}.stat-bottom strong{font-size:35px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat-bottom>span{color:var(--muted);font-size:10px}.stat[data-filter="active"] strong{color:var(--blue)}.stat[data-filter="docs"] strong{color:var(--amber)}.stat[data-filter="billing"] strong{color:var(--green)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.board{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0c1727;display:flex;flex-direction:column;flex:1;min-height:300px}.board-tools{display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:0 20px;border-bottom:1px solid var(--line);gap:20px}.tabs{display:flex;height:62px;gap:22px}.tab{background:transparent;color:#8e9fb7;font-size:12px;position:relative;padding:0 2px;white-space:nowrap}.tab.active{color:#e0edff}.tab.active:after{content:'';height:2px;background:#4f9bff;position:absolute;bottom:0;left:0;right:0}.tab span{font-size:10px;padding:3px 6px;background:#233a58;border-radius:4px;margin-left:6px;color:#a6cbff}.search{display:flex;align-items:center;gap:8px;background:#0a1423;border:1px solid #26354c;border-radius:6px;padding:8px 11px;width:270px;color:#708198}.search svg{width:15px;height:15px}.search input{background:none;border:0;outline:none;color:var(--text);min-width:0;width:100%;font-size:11px}.search:focus-within{border-color:var(--blue)}.search input::placeholder{color:#71839c}kbd{font-size:10px;border:1px solid #324157;padding:0 4px;border-radius:3px}.table-viewport{flex:1;min-height:100px}table{width:100%;border-collapse:collapse;table-layout:fixed}.vehicle-col{width:18%}.order-col{width:17%}.place-col{width:13%}.status-col{width:24%}.eta-col{width:13%}.arrow-col{width:2%}thead{background:#101d2f}th{text-align:left;height:42px;color:#889bb5;font-size:9px;letter-spacing:1px;font-weight:500;white-space:nowrap;padding:0 13px}th:first-child,td:first-child{padding-left:24px}th span{color:#647b99}th .load-dot{color:#91a8c6}td{height:var(--row);padding:8px 13px;border-bottom:1px solid #1d2b40;font-size:var(--cell);vertical-align:middle;overflow:hidden}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:#14253a}tbody tr:nth-child(even){background:#0f1c2d}tbody tr:nth-child(even):hover{background:#14253a}.plate{font-family:var(--font-ui);font-size:calc(var(--cell) + 5px);font-weight:600;letter-spacing:1px;white-space:nowrap;line-height:1}.subtext{display:block;font-size:10px;color:#8c9db6;margin-top:7px;line-height:1.3;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order{font-size:12px;font-weight:500;letter-spacing:.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postal{font-family:var(--font-ui);font-size:calc(var(--cell) + 3px);letter-spacing:.8px;font-weight:500;white-space:nowrap}.country{font-size:12px;color:#8b9fbd;letter-spacing:.8px;margin-right:7px;font-family:var(--font-ui);font-weight:600}.route-line{color:#526883;font-size:10px;margin-top:7px}.status{font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status.moving,.status.loading{color:var(--blue)}.status.planned{color:#a6b4c7}.status.originals,.status.scans{color:var(--amber)}.status.review{color:var(--red)}.status.ready{color:var(--green)}.status.send{color:var(--purple)}.eta{font-family:var(--font-ui);font-size:calc(var(--cell) + 5px);font-weight:500;letter-spacing:1px;line-height:1}.eta.late{color:var(--red)}.eta-empty{color:#445875;font-size:19px}.late-text{color:var(--red)}.row-open{background:transparent;display:block;text-align:left;padding:0;color:inherit;width:100%}.row-arrow{background:transparent;color:#607996;font-size:19px;padding:0 4px}.board-footer{height:54px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:0 20px;color:#8a9db7;font-size:10px;gap:10px}.pagination{display:flex;align-items:center;gap:12px}.pagination button{background:transparent;font-size:19px;line-height:1;color:#b5c4db;width:23px;height:26px}.pagination #autoplay{font-size:14px}.pager-divider{width:1px;height:14px;background:var(--line);margin:0 3px}#page-dots{display:flex;gap:6px}#page-dots button{width:5px;height:5px;border-radius:50%;background:#3b4a61;padding:0}#page-dots button.active{background:#6aabff;width:17px;border-radius:3px}#page-label{min-width:62px;text-align:center}#rotation-label{min-width:100px}.page-progress{height:2px;background:#182b45}#progress{height:100%;width:0;background:#4c94ee;transition:width 1s linear}.bottom-bar{height:54px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#798da9;gap:15px;flex-shrink:0}.bottom-bar>div{display:flex;align-items:center;gap:8px}.status-ring{width:6px;height:6px;border:1px solid #7c8da4;border-radius:50%}.footer-separator{margin:0 6px;color:#3c4f69}.bottom-bar button{background:none;color:#9cacc1;font-size:10px;padding:10px 0}.bottom-bar button span{margin-left:7px;color:#82b5fc}.empty{text-align:center;padding:65px 20px}.empty-icon{font-size:40px;color:#58769e}.empty h2{font-size:20px}.empty p{font-size:13px;color:var(--muted);max-width:460px;margin:10px auto 20px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{color:var(--text);background:#101e30;border:1px solid #34475f;border-radius:13px;padding:0;width:min(520px,94vw);max-height:90vh;box-shadow:0 24px 120px #0008}dialog::backdrop{background:#020814b8;backdrop-filter:blur(4px)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:25px 27px;border-bottom:1px solid #2b3b51}.drawer-head h2{margin:10px 0 0;font-size:23px;font-weight:600;letter-spacing:-.5px}.close{font-size:27px}.form-content,#drawer-content{padding:25px 27px}.form-content label{display:flex;flex-direction:column;gap:9px;margin-bottom:23px;font-size:13px;color:#bfccdf}select{padding:12px;border-radius:6px;background:#0b1727;border:1px solid #344762;color:#edf3fc;width:100%;font-size:13px}.info-box{border:1px solid #284c74;background:#132c46;padding:15px;border-radius:7px;font-size:12px;color:#a9c4e5;line-height:1.7;margin:20px 0}.muted{color:var(--muted);font-size:11px;line-height:1.8}.wide-dialog{width:min(1000px,94vw)}.integration-content{padding:25px 28px;font-size:13px;line-height:1.8;color:#aabbd2}.integration-content h3{color:#e0eaf9;font-size:15px;font-weight:600;margin:22px 0 10px}.integration-content p{margin:7px 0 14px}.integration-banner{padding:14px 17px;border:1px solid #655138;background:#302b25;border-radius:7px;display:flex;align-items:baseline;gap:12px;font-size:12px;color:#e5cfaf}.integration-banner p{margin:5px 0 0;color:#b6aa98}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.flow>span{border:1px solid #2c405a;padding:15px;border-radius:7px;color:#7aabeb;font-size:12px}.flow b{display:block;color:#dae5f5;font-size:12px}.flow small{color:#8398b4;font-size:10px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.integration-content ul,.integration-content ol{padding-left:18px}.integration-content li{margin-bottom:9px}details{margin-top:20px;border-top:1px solid #2b3e58;padding-top:17px}summary{cursor:pointer;color:#a9ccff}pre{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#081423;padding:18px;border-radius:7px;color:#8fabcF}.detail-route{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2c3d54;padding-bottom:20px;margin-bottom:18px}.detail-route span{font-family:var(--font-ui);font-size:29px;letter-spacing:1px}.detail-route small{display:block;font:10px Inter,Arial;color:var(--muted);margin-bottom:7px;letter-spacing:1px}.detail-route i{color:#55769e;font-style:normal}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.detail-grid small{display:block;color:#889db9;font-size:10px;margin-bottom:7px}.detail-grid strong{font-size:13px;font-weight:500}.checklist{list-style:none;padding:0;font-size:12px;color:#b2c2d8;line-height:2.3}.checklist span{margin-right:10px}.checklist .yes{color:var(--green)}.checklist .no{color:#5e718c}.demo-actions{margin-top:24px;border-top:1px solid #2c3d54;padding-top:18px}.demo-actions .button{width:100%;margin-top:8px}.demo-actions h3{font-size:12px;color:#b7c7dc}.activity{padding:0;list-style:none;font-size:11px;line-height:1.6;color:#8fa5c1}.activity li{border-left:1px solid #365171;padding:0 0 12px 14px}.activity time{display:block;font-size:9px;color:#7086a4;margin-bottom:3px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#23415f;border:1px solid #49729a;box-shadow:0 10px 40px #0007;padding:13px 20px;color:#e4f0ff;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}body.large{--cell:26px;--row:93px}body.large .status{font-size:15px}body.large .subtext{font-size:12px}body.large .order{font-size:14px}body.tv .page-heading{padding:18px 0}body.tv .page-heading p,body.tv .eyebrow,body.tv .search,body.tv .stats .stat-bottom>span{display:none}body.tv .stats{margin-bottom:15px}body.tv .stat{padding:10px 20px}body.tv .stat-bottom{margin-top:3px}body.tv .topbar{height:74px}body.tv .board-tools{min-height:50px}body.tv .tabs{height:50px}body.tv .bottom-bar{height:43px}body.tv{--cell:28px;--row:94px}body.tv .status{font-size:15px}body.tv .order{font-size:15px}body.tv .subtext{font-size:12px}
@media(min-width:1700px){.app{padding:0 48px}.topbar{height:100px}.brand{font-size:21px}.page-heading{padding:29px 0}h1{font-size:34px}.stats{gap:18px}.stat{padding:19px 24px}.stat-label{font-size:15px}.stat-bottom strong{font-size:40px}.stat-bottom>span{font-size:12px}.board-tools,.tabs{min-height:68px}.tab{font-size:14px}.search{width:320px}.search input{font-size:13px}th{font-size:11px;height:48px}td{height:94px}.plate{font-size:34px}.postal{font-size:31px}.status{font-size:16px}.order{font-size:15px}.subtext{font-size:13px}.eta{font-size:33px}.country{font-size:15px}.bottom-bar,.board-footer{font-size:12px}.bottom-bar button{font-size:12px}.connection>span:last-child{font-size:13px}}
@media(max-width:1050px){.app{padding:0 18px}.brand{font-size:13px;letter-spacing:1.5px}.brand-product{margin-left:10px;padding-left:10px}.timezone,.clock span{display:none}.header-right{gap:10px}h1{font-size:25px}.stat{padding:14px 13px}.stat-bottom>span{display:none}.stat-label{font-size:11px}.status{font-size:11px}.country{font-size:10px;margin-right:4px}.postal{font-size:23px}.plate{font-size:24px}.order{font-size:10px}.subtext{font-size:9px}th,td{padding-left:9px;padding-right:9px}th{font-size:8px;letter-spacing:.5px}.stats{gap:9px}.tabs{gap:18px}.search{width:210px}}
@media(max-width:760px){.app{padding:0 12px}.topbar{height:70px}.brand-product{display:none}.brand{font-size:12px}.clock strong{font-size:22px}.header-divider{display:none}.tv-button{font-size:0;padding:9px}.tv-button svg{width:17px;height:17px}.page-heading{align-items:flex-start;gap:15px;padding:22px 0}.connection{max-width:155px;gap:9px}.demo-pill{font-size:7px;padding:5px;letter-spacing:.6px}.connection>span:last-child{font-size:9px;text-align:right;line-height:1.5}.page-heading p{font-size:10px}h1{font-size:21px}.eyebrow{font-size:8px}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:18px}.stat-label{font-size:11px}.stat-bottom strong{font-size:29px}.stat-bottom>span{display:block;font-size:9px}.board-tools{align-items:stretch;flex-direction:column;gap:0;padding:0 13px 10px}.tabs{height:48px;justify-content:space-between;gap:10px}.search{width:100%}.table-viewport{overflow-x:auto}table{min-width:960px}.board-footer{padding:0 10px;font-size:9px}.pagination{gap:6px}#rotation-label{display:none}#page-label{min-width:45px}.bottom-bar{font-size:8px;gap:6px}.bottom-bar button{font-size:9px;white-space:nowrap}.bottom-bar .footer-separator,.bottom-bar>div>span:last-child{display:none}.flow{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr;gap:0}.drawer-head{padding:20px}.drawer-head h2{font-size:20px}.integration-content{padding:20px}.app{min-height:100dvh}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* DMS typography, enlarged for distance viewing. */
.plate{font-size:calc(var(--cell) + 1px);font-weight:600;letter-spacing:.2px}.postal{font-size:var(--cell);letter-spacing:.1px}.eta{font-size:calc(var(--cell) + 2px);font-variant-numeric:tabular-nums}.brand{font-weight:600}.button{background:var(--accent);border-color:var(--accent)}.button:hover{background:var(--accent-dark)}.stat{border-radius:14px}.brand svg{color:#fff}.app{height:100vh;min-height:660px}.board{flex:none}.table-viewport{flex:none}.bottom-bar{margin-top:auto}body.tv .stats .stat-bottom>span{display:inline}
@media(min-width:1700px){.plate{font-size:29px}.postal{font-size:28px}.eta{font-size:31px}}
@media(max-width:760px){.app{height:auto;min-height:100vh}.plate{font-size:24px}.postal{font-size:22px}.bottom-bar{margin-top:10px}}

/* Original supplied KRAFT vector; TM paths removed. White display matches the existing dark header. */
.brand-logo{display:block;width:242px;height:auto;filter:brightness(0) invert(1);flex-shrink:0}
@media(min-width:1700px){.brand-logo{width:282px}}
@media(max-width:1050px){.brand-logo{width:210px}}
@media(max-width:760px){.brand-logo{width:190px}}
@media(max-width:380px){.brand-logo{width:160px}}