/* CH Systems · shared operational palette. Loaded after the feature styles. */
:root{color-scheme:dark;--bg:#17232e;--surface:#20313e;--surface-raised:#293d49;--line:#405561;--text:#edf4f8;--muted:#afc0cd;--accent:#00d1b2;--accent-soft:#0d3939;background:var(--bg);color:var(--text)}
body{background:radial-gradient(ellipse at 70% 0%,#15303955,transparent 55%),var(--bg)}
button,input,select,textarea,a{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}button:enabled:active,.button:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
a{color:#60e7d4;text-underline-offset:3px}h1{font-size:28px;letter-spacing:-.8px}h2{letter-spacing:-.4px}small,.muted,.subtitle,.field,.meta,.map-note,.refresh-state,.route-search-scope,.route-search-status{color:var(--muted)}
.ui-icon{width:21px;height:21px;flex:0 0 21px;vertical-align:middle}.eyebrow{color:#8297a8;letter-spacing:1.8px;font-size:9px}.main{padding:26px 28px;min-width:0}.top{margin-bottom:22px}.top .subtitle{font-size:12px}.layout{--menu-width:230px}.sidebar{background:linear-gradient(155deg,#1d2e3a,#182630 75%);border-right:1px solid #354b58;padding:24px 12px;gap:32px}.sidebar.is-peeking{box-shadow:12px 0 40px #0006!important}
.brand,.sidebar .brand{gap:10px;font-size:19px;letter-spacing:-.6px;color:var(--text)}.brand-mark{width:48px;height:44px;flex-shrink:0}.sidebar .brand-mark{width:41px;height:39px}.brand small,.sidebar .brand small{letter-spacing:1.4px;font-size:9px;color:#a5b4c2;font-weight:450;margin-top:4px}.sidebar-header{gap:2px}.sidebar .panel-toggle{flex-basis:28px;width:28px;padding:5px;border-radius:8px}.sidebar nav{gap:7px}.sidebar nav button{font-size:13px;color:#a2b3c2;border:1px solid transparent;position:relative}.nav-icon{width:21px;flex-basis:21px}.sidebar nav button:hover{background:#2a424f;border-color:#405f6c;color:#f5fafb}.sidebar nav button.active{background:linear-gradient(90deg,#084d49,#103331);border-color:#15524e;color:#74f7e2;box-shadow:inset 3px 0 var(--accent),0 0 20px #00d1b20a}.sidebar nav button.active:before{content:'';position:absolute;width:3px;left:0;height:23px;top:50%;transform:translateY(-50%);background:var(--accent);box-shadow:0 0 12px #00e6c7;border-radius:4px}.sidebar .bottom a,.sidebar .bottom button{font-size:12px;color:#9aafbe}.sidebar-info{border-top:1px solid var(--line);padding-top:22px;margin-top:10px}.company-sign{display:flex;gap:9px;align-items:center;color:#d7e1e8;font-weight:650;letter-spacing:.4px;font-size:14px}.company-sign img{width:30px;height:30px}.company-sign small{font-size:8px;letter-spacing:1.5px;font-weight:400;display:block;margin-top:2px}.sidebar-info>small{display:block;margin-top:16px;font-size:9px}
.button{background:#2b3f4c;border:1px solid #48616e;color:#dbe6ee;border-radius:9px;font-size:12px;font-weight:550;min-height:39px;padding:10px 13px}.button:hover{filter:none;background:#36515f;border-color:#5a7c87;box-shadow:0 3px 14px #0002}.button.primary,.primary{background:linear-gradient(120deg,#00d1b2,#00bfa9);border-color:#00c9b1;color:#052a2c;font-weight:750;box-shadow:0 3px 15px #00c5ab16}.button.primary:hover{background:#1ce0c5;box-shadow:0 0 22px #00d1b232}.button.danger{color:#ff9ca8}.button:disabled{transform:none;box-shadow:none}
.stats{gap:12px;margin-bottom:20px}.stat,.panel{background:linear-gradient(130deg,#253744,#20313d);border-color:var(--line);border-radius:13px}.stat{padding:15px 18px;position:relative;overflow:hidden}.stat b{font-size:27px;margin:5px 0}.stat small{font-size:11px}.stat>small:last-child{font-size:10px}.stats>.stat:nth-child(2){border-color:#24504b}.stats>.stat:nth-child(2) b{color:#48e6cb}.stats>.stat:nth-child(2):after{content:'';height:2px;background:var(--accent);position:absolute;left:18px;bottom:0;width:38px;box-shadow:0 0 16px var(--accent)}
.workspace{grid-template-columns:234px minmax(0,1fr);gap:18px}.route-layout-tools{margin-bottom:0}.route-layout-tools .button{background:#20313d;font-size:11px;min-height:35px;padding:8px 11px}.route-layout-tools [aria-pressed=true]{background:#103d39;border-color:#25766a;color:#6ff3d9}.route-browser{padding-top:4px}.route-browser>.section-title h3{font-size:13px}.route-card{background:linear-gradient(130deg,#233644,#1e303d);border:1px solid #405863;padding:15px;border-radius:11px}.route-card:hover{border-color:#49616c;background:#2b4351;transform:translateY(-1px)}.route-card.selected,.route-search-results .route-card.selected{background:linear-gradient(135deg,#204a48,#203c44);border-color:#267e70;box-shadow:inset 3px 0 var(--accent),0 5px 25px #00c9ab08}.route-card b{font-size:14px;line-height:1.45;margin:10px 0 5px}.route-card p{font-size:11px;color:#9db1be;line-height:1.65}.route-card .health-badge{font-size:9px;padding:2px 5px}.route-status-row{gap:6px}.route-status-row .battery-status{font-size:10px}.route-progress{margin-top:11px}.route-progress>div{height:3px;background:#31444d;border-radius:3px;overflow:hidden}.route-progress i{display:block;background:#00d1b2;height:100%;border-radius:3px}.route-progress small{display:block;font-size:10px;margin-top:6px;color:#a9c7ca}.route-search input{font-size:12px}.route-search .field{font-size:10px}.route-search-clear{font-size:10px}
.badge{background:#253640;color:#adbfce;font-size:10px;padding:5px 9px}.badge.active{background:#0c4943;color:#5aebd2}.badge.completed{background:#203e51;color:#9ed9f4}.health-badge.good{background:#133c36;color:#6ddfc2}.health-badge.bad{background:#452731;color:#ffa2b0}.health-badge.warn{background:#443b25;color:#f4d082}.health-badge.muted{background:#25343e;color:#a0b0be}.battery-status{color:#78dfc7}.battery-status.muted{color:#95a5b2}
#detail{padding:22px;overflow:hidden}.detail-header{margin-bottom:17px;align-items:center}.detail-header h2{font-size:25px;line-height:1.2}.detail-header .eyebrow{margin-bottom:7px;color:#91a7b7}.route-heading-title{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.route-name{font-size:14px;margin-top:8px;color:#b0c4d1;line-height:1.5}.route-facts{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:16px}.route-fact{display:flex;gap:9px;align-items:flex-start;min-width:0;font-size:12px;line-height:1.5}.route-fact>.ui-icon{color:#8ea4b5;margin-top:3px;width:19px;flex-basis:19px}.route-fact strong{font-size:12px;font-weight:600;display:block}.route-fact small{display:block;font-size:10px;margin-top:3px}.route-fact.factory{flex-basis:100%;color:#e2edef}.route-fact.factory>.ui-icon{color:#37ddc2}.route-fact.factory strong{font-size:13px}.route-facts .health-badge{font-size:9px;padding:2px 6px;margin-top:4px}.factory-actions{margin-top:0;gap:6px}.factory-actions .button{font-size:10px;padding:7px 10px;min-height:32px}.route-utilities{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.route-utilities .meta{margin:0;font-size:10px;gap:6px 14px}.route-utilities .meta span{white-space:nowrap}
.route-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:13px;align-items:stretch}.route-map-layout .map-wrap{position:relative;top:auto;min-width:0;display:flex;flex-direction:column}.route-map-layout .map-frame{flex:1;min-height:340px}.route-map-layout .map{height:100%;min-height:340px;border-radius:11px;border:1px solid #48616e;background:#263f4d;box-shadow:none}.leaflet-tile-pane{filter:invert(.87) hue-rotate(175deg) saturate(.25) brightness(1.12) contrast(.86)}.leaflet-control-attribution{background:#243844ed!important;color:#9db1bf!important;font-size:9px!important}.leaflet-control-attribution a{color:#a8cbd9}.leaflet-bar a{background:#2a424f!important;color:#d7e7ee!important;border-color:#344b56!important;width:32px!important;height:34px!important;line-height:34px!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#2b4655;color:#edf5fa}.leaflet-container a.leaflet-popup-close-button{color:#b6c8d2}.leaflet-container{font-family:inherit}.map-actions{top:10px;right:10px;left:10px;max-width:none;gap:5px;pointer-events:none}.map-actions>*{pointer-events:auto}.map-actions .button{background:#233b47f5;color:#c3d6e2;border-color:#3b5660;font-size:10px;padding:7px 9px;min-height:32px;box-shadow:0 3px 12px #0003}.map-actions [aria-pressed=true]{background:#0d4c43ec;color:#7cf4dd;border-color:#277b6c}.gps-toggle{display:flex;align-items:center;gap:6px;padding:6px 9px;background:#233b47f5;border:1px solid #3b5660;border-radius:8px;min-height:32px;font-size:10px;color:#d4e4ed;cursor:pointer;box-shadow:0 3px 12px #0003}.gps-toggle input{width:14px;height:14px;min-height:14px;padding:0;accent-color:var(--accent);margin:0}.gps-toggle:hover{border-color:#3aab9b}.map-legend{background:none;padding:10px 0 0;gap:12px;font-size:10px;color:#9bb0be}.map-legend i{width:7px;height:7px}.map-legend .gps-key{width:16px;height:2px;border-radius:0;background:#41b9f4}.map-legend .nfc-key{width:16px;height:2px;border-radius:0;background:#00d1b2}.factory-marker{color:#72f4d7;background:#144c45;border:2px solid #71e6d0;box-shadow:0 0 18px #00d1b233}.factory-marker .ui-icon{width:22px;height:22px}.delivery-marker span{border:2px solid #e3f4f3;box-shadow:0 0 13px #0004;font-size:12px}.dot-icon{border-width:2px}.dot-icon.start{background:#187f85}.dot-icon.end{background:#758c9a}
.route-live{display:flex;flex-direction:column;gap:10px;min-width:0}.live-card{background:linear-gradient(135deg,#2b424f,#243946);border:1px solid #445d6a;border-radius:11px;padding:14px}.live-label{display:block;font-size:10px;color:#a5b6c4;margin-bottom:11px}.live-status{display:flex;gap:10px;align-items:center}.live-status-icon{display:grid;place-items:center;background:#0f403b;border:1px solid #246058;border-radius:11px;width:43px;height:43px;flex:0 0 43px;color:#00e2c1;box-shadow:0 0 20px #00d1b20d}.live-status-icon .ui-icon{width:25px;height:25px}.live-status strong{font-size:13px;color:#56ead0;display:block;line-height:1.4}.live-status small{font-size:10px;line-height:1.5;display:block;margin-top:4px;overflow-wrap:anywhere}.live-card.warn .live-status strong{color:#f3cb7e}.live-card.waiting .live-status strong{color:#c1cfda}.progress-numbers{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.progress-numbers strong{font-size:27px;font-weight:650;font-variant-numeric:tabular-nums}.progress-numbers .delivered{color:#59e7cd}.progress-numbers small{display:block;font-size:10px;margin-top:3px}.progress-bar{height:4px;background:#304651;border-radius:4px;margin-top:14px;overflow:hidden}.progress-bar i{display:block;height:100%;background:var(--accent);box-shadow:0 0 12px #00d1b233}.progress-note{display:block;margin-top:9px;font-size:10px;line-height:1.5}.last-event{font-size:12px;line-height:1.5}.last-event .ui-icon{color:#33dfc1;margin-right:6px;width:17px}.last-event time{display:block;font-size:11px;font-variant-numeric:tabular-nums;color:#d4e2eb;margin-top:6px}.last-event small{display:block;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.route-live .monitor-status{margin:0;padding:10px 12px}.route-live .monitor-status b{font-size:11px}.route-live .monitor-status small{font-size:10px;line-height:1.5}
.monitor-status{border-color:#314651;background:#273f4d;color:#a5becb}.monitor-status.good{background:#12382f;border-color:#245445;color:#7cddbc}.monitor-status.bad{background:#38252e;border-color:#65404a;color:#f5a6b0}.monitor-status.warn{background:#332f23;border-color:#5f5231;color:#dfc88c}.gps-details{margin:12px 0 0;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.gps-details summary{font-size:10px;color:#92aebd}.gps-details .notice{margin:10px 0 0;background:none;padding:0;color:#abc0cd;font-size:11px}.gps-details .notice small{font-size:10px}.gps-details .map-note{margin-top:10px;font-size:10px}
.detail-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:22px 0 0;overflow:auto;scrollbar-width:thin}.detail-tab{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:#9cafbd;padding:12px 0;font-size:12px;white-space:nowrap;min-height:43px}.detail-tab[aria-selected=true]{color:#72eed9;border-bottom-color:#00d1b2}.detail-tab:hover{color:#eaf5f9}.detail-tab span{color:inherit;background:#243b45;border-radius:5px;font-size:9px;padding:2px 5px;margin-left:5px}.detail-tab[aria-selected=true] span{background:#164c44;color:#7af2da}.detail-tabpanel{padding-top:20px}.detail-tabpanel>h3{font-size:12px;font-weight:550;color:#c9d8e2;margin-bottom:15px}.timeline{display:flex;overflow:auto;padding:3px 0 15px;scrollbar-width:thin}.milestone{flex:1;min-width:96px;text-align:center;position:relative;padding:0 5px;font-size:10px;line-height:1.5}.milestone:before{content:'';position:absolute;top:22px;height:2px;left:50%;right:-50%;background:#344752}.milestone:last-child:before{display:none}.milestone.done:before{background:linear-gradient(90deg,#00bda7,#2f6763)}.milestone-symbol{position:relative;display:grid;place-items:center;margin:0 auto 9px;width:46px;height:46px;border:1px solid #41545f;border-radius:50%;background:linear-gradient(145deg,#2b3f4b,#2b424f);color:#95abb9}.milestone.done .milestone-symbol{color:#02e0c0;border-color:#168f7e;box-shadow:0 0 16px #00d1b20f}.milestone.active .milestone-symbol{color:#00e5c7;border-color:#00d1b2;box-shadow:0 0 15px #00d1b22e}.milestone time{display:block;color:#d0dee8;font-size:11px;margin-bottom:4px}.milestone small{display:block;font-size:9px}.milestone strong{font-weight:450;color:#b9cbd6;display:block}.timers{border-top:1px solid var(--line);border-bottom:0;margin:10px 0 0;padding:18px 0 0;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))}.timers b{font-size:18px;color:#d6e7ee;margin-top:7px;font-weight:600}.timers small{font-size:10px;line-height:1.5}.timers:has(>div:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
th{color:#91a8b7;border-color:#344550;font-size:9px}td{border-color:#3b5360;color:#d0dfe8;padding:13px 9px;font-size:11px}td small{color:#8ea8b9}.table-scroll{scrollbar-width:thin;scrollbar-color:#38515e #13232e}.table-scroll tr[data-stop]:hover,.table-scroll tr[data-stop]:focus,tr[data-event]:hover,tr[data-event]:focus{background:#1b3b3d}.journal-group th{background:#294350;color:#b3cdd8;border-top-color:#263b48}.locate-button{color:#58c7b7}.stop-status.done{color:#64ddaf}.stop-status.here{color:#f5cb76}.stop-status.waiting{color:#f68f99}.visit-cell+.visit-cell{border-color:var(--line)}.scan-warning{color:#f0bf7b}.section-title h3{font-size:14px}.section-title a{font-size:11px}.empty{color:#8da6b5}.empty b{color:#c9dce6}
input,select,.field input,.field select,.field textarea{background:#1d313f;border:1px solid #364e5d;color:#dfecf4;min-height:40px;font-size:12px;border-radius:8px}input:hover,select:hover,textarea:hover{border-color:#50717f}input::placeholder,textarea::placeholder{color:#7791a2}input[type=checkbox]{accent-color:var(--accent)}.field{font-size:11px}.notice{background:#123532;border:1px solid #25544b;color:#a5d9cf;font-size:11px}.warning{background:#3b3221;border-color:#605134;color:#f1cf91}.error{color:#ffa1aa}.upload{background:#112d35;border-color:#366371}.import-row{border-color:var(--line)}.import-row input[readonly]{background:#15392f;color:#b3e3cf}.schedule-panel{background:#132e2d;border-color:#2a504a}.template-choice{background:#273f4d;border-color:#37525f;color:#d5e5ee}.template-choice small{color:#9eb1bf}.template-choice.ready{background:#163e32;border-color:#368965;color:#a1efc6}.template-choice.ready small{color:#8dc9a7}.template-options{background:#263d49;border-color:#3a5661}.point-code{color:#d5edf3}.tag-row.bound input{background:#153c2f;border-color:#3b8f68}.manual-point{background:#243b49;border-color:#314955}.catalog-edit{color:#58dcc4}.factory-dialog,.receipt-dialog{background:#263e4d;color:#dfedf5;border:1px solid #3a5360}.factory-dialog::backdrop,.receipt-dialog::backdrop{background:#03090dc9}summary{color:#9fbdcc}pre{background:#1f3340;color:#b6ccd8}.analytics-bar{background:#314652}.analytics-bar i{background:#00c6ad}.analytics-volumes>div{border-color:var(--line)}.analytics-stage>small,.analytics-volumes small,.analytics-rules,.analytics-method{color:#97afbe}.analytics-link,.analytics-start-time,.analytics-stage-scope{color:#58dec6}.analytics-late{color:#ffae91}.badge.analytics-late{background:#452a27;color:#ffb19d}.badge.analytics-on-time{background:#163c32;color:#8ee8bc}.receipt-summary{background:#143b34;border-color:#2c5e51}.receipt-summary strong{color:#b7f0df}.receipt-image-wrap{background:#1d303d}.analytics-departure{border-top-color:#00c8aa}#toast{background:#1b3e45;border:1px solid #34877e;color:#e9fffb;box-shadow:0 8px 40px #0006}
.login{background:radial-gradient(ellipse at 20% 30%,#0a514950,transparent 50%),radial-gradient(ellipse at 80% 60%,#1b3c50aa,transparent 60%),#182833}.login-box{width:440px;background:linear-gradient(145deg,#2a424f,#1e323f);border:1px solid #34535d;box-shadow:0 30px 100px #0007;color:#eaf3f8;padding:38px}.login-box .brand{color:#fff}.login-box h1{font-size:30px;font-weight:650;line-height:1.22;margin-top:32px}.login-box h1 em{font-style:normal;color:#00d1b2}.login-box .brand-mark{width:60px;height:54px}.login-box .brand{font-size:25px}.login-box .brand small{font-size:10px}.login-box .company-sign{margin-top:25px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.login-box .company-sign small{font-size:8px}
@media(min-width:1600px){.main{padding:30px 36px}.workspace{grid-template-columns:260px minmax(0,1fr)}.route-map-layout{grid-template-columns:minmax(0,1fr) 235px}.route-map-layout .map-frame,.route-map-layout .map{min-height:410px}.route-fact.factory{flex-basis:auto;flex:1}.detail-header h2{font-size:28px}.route-facts{gap:25px}}
@media(max-width:1250px){.layout{--menu-width:220px}.main{padding:22px 20px}.workspace{grid-template-columns:215px minmax(0,1fr);gap:14px}.route-map-layout{grid-template-columns:minmax(0,1fr)}.route-live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.route-live #monitor-status{grid-column:1/-1}.route-map-layout .map{height:330px;min-height:330px}.route-map-layout .map-frame{min-height:330px}.route-live .live-card{padding:11px}.live-status{gap:7px}.live-status-icon{width:32px;height:32px;flex-basis:32px}.live-status strong{font-size:11px}.live-label{font-size:9px}.timers,.timers:has(>div:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}.detail-header h2{font-size:23px}}
@media(max-width:900px) and (min-width:761px){.workspace{grid-template-columns:minmax(0,1fr)}.route-list{display:flex;overflow:auto}.route-card{min-width:240px;max-width:280px}.route-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.route-search-results .route-card{max-width:none}.route-live{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{gap:8px}.stat{padding:12px}.stat small{font-size:10px}}
@media(max-width:760px){.main{padding:20px 14px}.layout .sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand-mark{width:37px;height:34px}.sidebar .brand{font-size:19px}.sidebar nav button{font-size:12px;padding:11px}.top{gap:14px;margin-bottom:18px}.top h1{font-size:25px}.top .actions{width:100%;gap:6px}.top .actions>.button{font-size:11px;padding:9px 11px}.top #day{flex:1;min-width:130px}.stats{gap:8px;margin-bottom:16px}.stat{padding:13px}.stat b{font-size:25px}.stat>small:last-child{font-size:9px}.workspace{grid-template-columns:minmax(0,1fr);gap:12px}.route-browser{max-width:100%}.route-list{gap:9px;padding-bottom:5px}.route-card{min-width:235px;max-width:265px}.route-search-results .route-card{max-width:none}.route-layout-tools{gap:6px}.route-layout-tools .button{font-size:10px;padding:8px;gap:5px}.route-layout-tools svg{width:16px}.route-browser .refresh-state{margin-top:8px!important}#detail{padding:16px 12px}.detail-header{align-items:flex-start;gap:10px;flex-direction:row}.detail-header h2{font-size:23px}.detail-header .route-status-row{max-width:120px}.route-name{font-size:12px}.route-facts{gap:14px;font-size:11px}.route-fact{flex:1;min-width:120px}.route-fact.factory{flex-basis:100%}.route-map-layout .map,.route-map-layout .map-frame{height:330px;min-height:330px}.map-actions{top:8px;right:8px;left:8px}.gps-toggle{margin-right:auto}.map-actions .button{font-size:9px}.route-live{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.route-live .live-card:last-of-type{grid-column:1/-1}.last-event time{display:inline;margin-left:8px}.live-status strong{font-size:12px}.detail-tabs{gap:16px;margin-top:18px}.detail-tab{font-size:11px}.detail-tab span{font-size:8px}.detail-tabpanel{padding-top:16px}.milestone{min-width:105px}.timers,.timers:has(>div:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.timers b{font-size:17px}.factory-actions{gap:5px}.factory-actions .button{font-size:9px}.login-box{padding:28px}.login-box h1{font-size:28px}.form-grid{gap:14px}.table-scroll table{min-width:540px}}
/* Keep the operational overview compact and let the map fill the status column. */
#content>.stats:not(.analytics-stats) .stat{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:7px;align-content:center;min-height:76px;padding:13px 17px}
#content>.stats:not(.analytics-stats) .stat b{grid-column:2;grid-row:1/span 2;margin:0;align-self:center;font-size:28px}
.route-map-layout .map-wrap{align-self:stretch}.route-map-layout .map-frame>.map{position:absolute;inset:0;height:100%}
.route-fact small{font-size:11px}.milestone strong{font-size:11px}.milestone time{font-size:12px}.detail-tabpanel td{font-size:12px}
.dot-icon.factory{background:#1b766d}.leaflet-tile-pane{filter:invert(.87) hue-rotate(175deg) saturate(.25) brightness(1.12) contrast(.86)}
@media(min-width:1251px){.route-fact.factory{flex:1;min-width:220px}.route-facts{gap:18px}.detail-header{margin-bottom:14px}.route-facts{padding:13px 0}}
@media(max-width:760px){#content>.stats:not(.analytics-stats) .stat{padding:11px;column-gap:6px;min-height:76px}#content>.stats:not(.analytics-stats) .stat b{font-size:25px}.route-fact small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.route-card:hover,button:active{transform:none!important}}

/* Keep the full delivery address readable even in a narrow status card. */
.live-status>div{min-width:0}.live-status .live-address{color:#c4d5df;font-size:11px;line-height:1.55;margin-top:5px}.live-status:has(.live-address){align-items:flex-start}
/* A vertical delivery timeline shares the existing point rows and visit history. */
.delivery-table .delivery-stage-heading{width:44px}.delivery-table .delivery-stage{position:relative;width:44px;min-width:44px;padding:14px 8px;border-bottom:0;vertical-align:top}
.delivery-stage:before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:#718693}.delivery-row:first-child .delivery-stage:before{top:28px}.delivery-row:last-child .delivery-stage:before{bottom:calc(100% - 28px)}
.delivery-row.done .delivery-stage:before{background:#00d1b2}.delivery-row.here .delivery-stage:before{background:linear-gradient(to bottom,#00d1b2 28px,#718693 28px)}
.delivery-step{display:grid;place-items:center;position:relative;width:28px;height:28px;border:2px solid #edf4f8;border-radius:50%;background:#253844;margin:auto;flex-shrink:0;color:#073c37;box-shadow:0 0 0 4px #253844}
.delivery-step.done{border-color:#00d1b2;background:#00d1b2}.delivery-step .ui-icon{width:17px;height:17px;stroke-width:2.6}.delivery-step.here{border-color:#f5c75d;box-shadow:0 0 0 4px #f5c75d20,0 0 15px #f5c75d20}.delivery-step.here:after{content:'';width:10px;height:10px;border-radius:50%;background:#f5c75d}
.delivery-key{display:flex;gap:18px;flex-wrap:wrap;color:#afc0cd;font-size:11px;margin:4px 0 17px}.delivery-key>span{display:flex;align-items:center;gap:7px}.delivery-key .delivery-step{width:16px;height:16px;box-shadow:none;margin:0}.delivery-key .ui-icon{width:12px;height:12px}.delivery-key .here:after{width:6px;height:6px}.delivery-row:hover .delivery-step.waiting,.delivery-row:focus .delivery-step.waiting{background:#1b3b3d}