:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#173346;background:#f3f6f8;font-size:16px;--navy:#102b3b;--teal:#087f73;--muted:#667c88;--border:#dce5e9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:var(--teal)}button,.button{border:0;border-radius:7px;padding:11px 17px;background:var(--teal);color:white;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}button.secondary{background:white;color:var(--navy);border:1px solid var(--border)}button.quiet{background:transparent;color:var(--muted);padding:8px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #ccd9df;border-radius:6px;background:white;color:var(--navy);min-height:43px}textarea{min-height:90px;resize:vertical}label{display:grid;gap:7px;font-size:.875rem;font-weight:600}h1,h2,h3,p{margin:0}h1{font-size:1.9rem;letter-spacing:-.04em}h2{font-size:1.25rem}h3{font-size:1rem}small,.muted{color:var(--muted);font-size:.875rem}p{line-height:1.7}header{height:76px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--border);gap:15px}.brand{display:flex;gap:12px;align-items:center;font-size:1.1rem;font-weight:800;letter-spacing:.08em;color:var(--navy)}.brand img{width:37px;height:37px}.brand small{display:block;font-weight:500;letter-spacing:.12em;font-size:.65rem;margin-top:3px}.topright{display:flex;align-items:center;gap:15px}.topright select{width:auto;min-width:100px;font-size:.875rem}.shell{display:grid;grid-template-columns:228px 1fr;min-height:calc(100vh - 76px)}aside{background:var(--navy);color:white;padding:32px 18px;display:flex;flex-direction:column;gap:8px}aside .eyebrow{color:#82a3b3;margin:0 12px 18px}aside button{background:transparent;justify-content:flex-start;color:#b8cbd4;padding:13px 16px;text-align:left;font-size:.95rem}aside button.active{background:#254b59;color:#78e1cf}aside .foot{margin-top:auto;padding:35px 12px 0;color:#8aabb9;font-size:.8rem;line-height:1.7}main{padding:35px 40px;min-width:0;max-width:1600px;width:100%;margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:700;color:var(--teal);text-transform:uppercase}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 27px}.heading p{margin-top:9px;color:var(--muted);font-size:.9rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.card{background:white;border:1px solid var(--border);border-radius:10px;padding:23px}.metric{font-size:2rem;display:block;margin-top:15px;font-weight:650;letter-spacing:-.04em}.card small{font-size:.8rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0}.toolbar input{max-width:300px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted);font-size:.875rem}.tabs button.active{background:#e1eeed;color:var(--teal)}.tablebox{background:white;border:1px solid var(--border);border-radius:10px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left}th{font-size:.75rem;font-weight:600;color:var(--muted);background:#fafcfd;padding:16px 20px;white-space:nowrap}td{padding:20px;border-top:1px solid #edf1f3}td strong{display:block;margin-bottom:5px}tbody tr:hover{background:#f8fcfb}.badge{padding:6px 10px;background:#e7f3ef;color:#24766b;border-radius:5px;font-size:.75rem;white-space:nowrap;display:inline-block}.badge.inquiry,.badge.delayed{background:#fff1d7;color:#99631c}.badge.cancelled{background:#f5e9e9;color:#a34c4c}.empty{padding:64px 24px;text-align:center;color:var(--muted);line-height:2}.empty h2{color:var(--navy);margin-bottom:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:grid;gap:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span2{grid-column:1/-1}.detail{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.details{display:grid;grid-template-columns:1fr 1fr;gap:22px}.details small{display:block;margin-bottom:8px}.vehicle{display:block;margin-top:15px;text-align:left;width:100%;background:white;border:1px solid var(--border);color:var(--navy);padding:19px}.vehicle span{display:block;color:var(--muted);font-weight:400;margin-top:7px;font-size:.875rem}.login{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center;padding:12%;position:relative;overflow:hidden}.login-story h1{font-size:3rem;line-height:1.25;max-width:480px;margin:25px 0}.login-story p{color:#b5cdd7;max-width:460px}.login-story .eyebrow{color:#70d8c6}.route-deco{display:flex;align-items:center;gap:10px;margin-top:60px;color:#72cebf;letter-spacing:.13em;font-size:.8rem}.route-deco i{height:1px;flex:1;background:#416171}.login-panel{display:grid;place-items:center;padding:45px}.login-panel form{max-width:370px;width:100%;display:grid;gap:22px}.login-panel h2{font-size:1.8rem}.login-panel p{margin:7px 0 5px;color:var(--muted);font-size:.9rem}.help{font-size:.8rem;color:var(--muted);line-height:1.6}.error{color:#ad3434;font-size:.875rem;line-height:1.6}.tracking{max-width:1500px;margin:auto;padding:32px}.track-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.map{height:560px;border-radius:10px;background:#e3ecee;z-index:0;border:1px solid var(--border)}.mapnote{font-size:.8rem;line-height:1.6;color:var(--muted);margin-top:10px}.timeline{padding:25px;background:white;border:1px solid var(--border);border-radius:10px;max-height:600px;overflow:auto}.event{padding:0 0 25px 22px;border-left:2px solid #dce8e7;position:relative;margin-left:6px}.event:before{content:'';position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:#b8c9cd;border:2px solid white;box-sizing:content-box}.event:first-of-type:before{background:var(--teal)}.event p{font-size:.875rem;margin-top:9px;white-space:pre-wrap}.event time{display:block;color:var(--muted);font-size:.75rem;margin:7px 0 12px}.timeline h2{margin-bottom:26px}.track-summary{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0}.track-summary>div{padding-right:25px;border-right:1px solid var(--border)}.track-summary small{display:block;margin-bottom:7px}dialog{width:min(720px,calc(100vw - 30px));border:0;border-radius:12px;padding:28px;color:var(--navy);box-shadow:0 30px 120px #00162140;max-height:90vh}dialog::backdrop{background:#102b3b80;backdrop-filter:blur(3px)}dialog form{display:grid;gap:18px}dialog .row{margin-bottom:8px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.map-picker{height:220px;border-radius:6px}.subtle{padding:14px;background:#eef5f5;border-radius:6px;color:var(--muted);font-size:.85rem;line-height:1.7}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:13px 22px;border-radius:8px;box-shadow:0 8px 30px #102b3b30;display:none;z-index:10000;max-width:90vw}.mobileonly{display:none}.nowrap{white-space:nowrap}.break{overflow-wrap:anywhere}.pre{white-space:pre-wrap}.leaflet-container{font-family:inherit}.inline-form{display:grid;gap:18px}.login-panel button{width:100%}@media(min-width:1700px){main{padding:40px 60px}}@media(max-width:1000px){.shell{grid-template-columns:180px 1fr}main{padding:25px}.detail{grid-template-columns:1fr}.track-layout{grid-template-columns:1fr}.map{height:430px}.timeline{max-height:none}.login-story h1{font-size:2.4rem}}@media(max-width:680px){header{height:auto;min-height:70px;padding:14px 18px;flex-wrap:wrap}.brand small{display:none}.topright{gap:5px}.topright .username{display:none}.shell{display:block}aside{padding:10px;flex-direction:row;overflow:auto}aside .eyebrow,aside .foot{display:none}aside button{white-space:nowrap;font-size:.8rem;padding:11px}main,.tracking{padding:22px 16px}.heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:1.55rem}.cards{gap:8px}.card{padding:16px}.metric{font-size:1.6rem}.card small{font-size:.75rem}.toolbar{flex-direction:column;align-items:stretch}.toolbar input{max-width:none}.grid2{grid-template-columns:1fr}.span2{grid-column:auto}.login{grid-template-columns:1fr}.login-story{padding:30px}.login-story h1{font-size:1.8rem;margin:15px 0}.route-deco{display:none}.login-panel{padding:30px 24px}.login-panel h2{font-size:1.5rem}.map{height:390px}.track-summary{gap:15px}.details{gap:16px}.heading button{font-size:.85rem}.row{flex-wrap:wrap}dialog{padding:22px}.tablebox td,.tablebox th{padding:14px}.topright select{min-width:80px;padding:8px}.topright button{font-size:.8rem}.tracking .heading p{max-width:100%}}
/* Order content must remain inside its grid column, including long pasted URLs. */
main{margin:0 auto;align-self:start}.detail{align-items:start}.detail>*{min-width:0}.stack,.card,.details>div{min-width:0}.pre,.vehicle,.break{overflow-wrap:anywhere}.detail>.card{width:100%;box-sizing:border-box}.vehicle-info{margin-top:24px}.password-notice{border:2px solid #078575;margin-bottom:20px;overflow-wrap:anywhere}.route-label span{display:block;background:#12323e;color:white;border-radius:5px;padding:5px;text-align:center;font-weight:bold}.current-arrow{font-size:34px;color:#e46521;text-shadow:0 0 3px white;transform-origin:center}.toolbar{flex-wrap:wrap}select[name=companyFilter]{max-width:400px;margin-bottom:18px}.details p{margin-top:8px}#city-search{max-width:500px;margin-bottom:20px}
.order-map{height:320px;width:100%;border-radius:8px;margin:18px 0}.mini-timeline article{border-left:2px solid #168e81;padding:4px 0 12px 14px}.mini-timeline small{display:block;margin-top:5px}.order-logistics{overflow:hidden}.order-logistics .actions{flex-wrap:wrap}.toolbar label{min-width:180px;flex:1}.inquiry_done{background:#e6f5ef;color:#187a61}body .track-layout{grid-template-columns:1fr}body .track-layout .timeline{max-height:none}
/* Shared filter control geometry and typography. */
.toolbar{display:flex;align-items:flex-end;gap:16px}.toolbar label{display:flex;flex-direction:column;gap:8px;margin:0;flex:1 1 220px;font-size:14px;font-weight:600;line-height:1.4}.toolbar label input,.toolbar label select{width:100%;max-width:none;min-width:0;height:44px;margin:0;padding:10px 12px;box-sizing:border-box;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4}.toolbar label input::placeholder{font:inherit}.endpoint-symbol{display:block;width:18px;height:18px;line-height:18px;text-align:center;font-size:15px;text-shadow:0 0 2px #fff,0 0 3px #fff}.endpoint-symbol.start{color:#087d70}.endpoint-symbol.end{color:#283c76}.source-link{margin-top:18px}.danger{color:#b83f3f}@media(max-width:680px){.toolbar label{flex:auto;width:100%}}

/* Multi-vehicle customer requests */
.request-link-section[hidden],.request-text-help[hidden]{display:none}
.request-links{display:grid;gap:16px;margin-bottom:16px}
.request-link-row{display:flex;align-items:flex-end;gap:10px;min-width:0}
.request-link-row label{flex:1;min-width:0;margin:0}
.request-link-row>button{flex:0 0 44px;min-height:44px;margin-bottom:0}
.request-status{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:24px}
.request-status label{min-width:200px;flex:1;margin:0}
.request-status .help,.request-status .error{flex-basis:100%}
#request-candidates{margin-top:24px;min-width:0}
#request-candidates>.row,#request-candidates>.row>.row{flex-wrap:wrap;gap:12px}
#request-candidates td{overflow-wrap:anywhere}
#request-candidates .tablebox{margin-top:20px}
.request-back{margin-bottom:16px;max-width:100%;white-space:normal}
@media(max-width:600px){.request-link-row{gap:6px}.request-link-row>button{padding:8px}.request-status{gap:12px}.request-status label{min-width:0;flex-basis:100%}}