:root{--zot-navy:#102a43;--zot-blue:#1468d4;--zot-blue-soft:#edf5ff;--zot-violet:#7446d7;--zot-text:#17263a;--zot-muted:#607086;--zot-border:#d7e0e9;--zot-subtle:#f7f9fb;--zot-danger:#d33b3b;--zot-danger-soft:#fff3f2;--zot-warning:#a96800;--zot-success:#18794e;--zot-radius:6px;--zot-control:36px;--zot-shadow:0 10px 32px rgba(15,42,67,.16)}
body{color:var(--zot-text);font-size:12px;letter-spacing:0}.orders-shell,.dispatch-shell{background:#eef2f6}.orders-header,.dispatch-header{height:64px;padding:0 16px;border-color:var(--zot-border)}.orders-header h1,.dispatch-header h1{font-size:19px;line-height:24px;font-weight:680;letter-spacing:-.015em}.orders-header p{font-size:11px;line-height:16px;color:var(--zot-muted)}.btn,.icon-btn,select,.date-button,.mode-switch button{height:var(--zot-control);border-radius:var(--zot-radius);font-size:11px}.btn{padding:0 13px}.btn.primary{background:var(--zot-blue);border-color:var(--zot-blue);box-shadow:0 1px 2px rgba(20,104,212,.2)}.btn.primary:hover{background:#0f5cbe}.btn.secondary,.btn:not(.primary){background:#fff;border-color:var(--zot-border);color:#26384d}.btn:not(.primary):hover,.icon-btn:hover{background:var(--zot-subtle);border-color:#b8c7d6}.btn:disabled{background:#e2e8ef;border-color:#d5dde6;color:#8492a3;box-shadow:none}.sync{font-weight:650}.source{border-radius:3px;line-height:15px!important;padding:0 5px;letter-spacing:.025em}.source.csv{background:#e4f5e9;color:#137544}.source.new{background:#fff0c8;color:#946000}.source.api{background:#e6f0ff;color:#155eb3}.source.demo{background:#eee9ff;color:#6443bc}.type,.marker-key,.stop-type{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.orders-context,.context-bar{background:#fff;border-color:var(--zot-border)}.orders-context{height:72px;padding:9px 16px;gap:20px}.orders-context label{gap:4px}.orders-context small,.context-bar small{font-size:9.5px;font-weight:600;color:#68788d}.orders-context select{height:28px;font-size:12px;color:var(--zot-text)}.orders-counts,.point-counts{height:48px}.orders-counts span,.point-counts span{font-size:9.5px;line-height:14px;border-color:var(--zot-border)}.orders-counts b,.point-counts b{font-size:17px;line-height:20px;font-variant-numeric:tabular-nums}.orders-workspace{grid-template-columns:228px minmax(0,1fr);border-color:var(--zot-border)}.filters{padding:12px 0}.filters h2{font-size:13px;font-weight:700;margin:0 14px 10px}.filter{height:40px;padding:0 14px;font-size:11.5px}.filter.active{background:var(--zot-blue-soft);box-shadow:inset 3px 0 var(--zot-blue);color:var(--zot-blue)}.filter b{min-width:26px;text-align:center;background:#e8eef5;font-variant-numeric:tabular-nums}.filter-group{margin-top:10px;padding:13px 14px;border-color:var(--zot-border);max-height:215px}.filter-group small{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.filter-group label{font-size:10.5px;margin:8px 0;color:#33475d}.definition{margin:12px 14px;padding:10px;border-color:var(--zot-border);background:var(--zot-subtle)}.definition b{font-size:10px}.definition p{font-size:9.5px;line-height:14px}.list-toolbar{height:56px;padding:10px 12px;align-items:center;background:#fff;border-color:var(--zot-border)}.search{height:var(--zot-control);border-color:var(--zot-border);border-radius:var(--zot-radius);max-width:none}.search:focus-within{border-color:#78a9e7;box-shadow:0 0 0 3px rgba(20,104,212,.1)}.search input{font-size:11.5px;color:var(--zot-text)}.table-wrap{background:#fff}.table-wrap table{min-width:1180px}.table-wrap th{height:36px;padding:8px 10px;background:#f5f8fb;border-color:var(--zot-border);font-size:9.5px;font-weight:700;color:#52657b;text-transform:uppercase;letter-spacing:.025em}.table-wrap td{padding:9px 10px;font-size:10.5px;line-height:15px;border-color:#e2e8ef}.table-wrap td b{font-size:10.5px;font-weight:680}.table-wrap td span{font-size:9.5px;line-height:13px}.table-wrap tbody tr:hover{background:#f8fbff}.table-wrap .selected-row{background:#edf5ff}.table-wrap td:nth-child(5),.table-wrap td:nth-child(8){font-variant-numeric:tabular-nums}.table-wrap td:nth-child(8),.table-wrap th:nth-child(8){text-align:right}.status{padding:3px 6px;border-radius:4px;font-size:9.5px;font-style:normal;font-weight:700;white-space:nowrap}.status.ready{background:#e4f4e9;color:var(--zot-success)}.status.waiting{background:#fff2d6;color:var(--zot-warning)}.status.critical{background:#fde9e7;color:#bc302e}.status.submitted{background:#e7f0fd;color:#155eb3}.row-action{font-size:10px;font-weight:650}.orders-list-panel footer{height:38px;background:#fff;border-color:var(--zot-border);font-size:9.5px}
.dispatch-header{gap:14px}.dispatch-header>h1{min-width:138px}.mode-switch{border-color:var(--zot-border)}.mode-switch button{min-width:84px}.mode-switch button.active{background:var(--zot-blue)}.workflow{height:36px;border-color:var(--zot-border);border-radius:var(--zot-radius)}.workflow span{height:34px;padding:9px 8px;font-size:10px}.workflow span.active{background:var(--zot-blue-soft);color:var(--zot-blue)}.context-bar{height:72px;padding:8px 12px;gap:14px}.context-bar label{min-width:88px;gap:3px}.context-bar label b{font-size:11.5px}.planning-view{grid-template-columns:350px minmax(360px,1fr) 400px;border-color:var(--zot-border)}.section-heading{min-height:52px;padding:9px 12px;border-color:var(--zot-border)}.section-heading h2{font-size:13px;font-weight:700}.section-heading p{font-size:9.5px;line-height:14px}.routes-section{height:42%;border-color:var(--zot-border)}.route-card{padding:9px 35px 9px 11px;gap:4px;border-color:#dfe6ee;min-height:84px}.route-card.selected{background:var(--zot-blue-soft);box-shadow:inset 3px 0 var(--zot-blue)}.route-card-head b{font-size:11.5px;line-height:16px}.route-card-head,.resource,.route-stats,.route-api,.route-load{font-size:9.5px;line-height:14px}.route-state{font-size:8.5px;padding:2px 5px}.issue-count{width:20px;height:20px;right:10px;bottom:12px}.point-row{grid-template-columns:26px minmax(0,1fr) 106px;padding:9px 10px;gap:8px}.point-row b{font-size:10px;line-height:14px}.point-row span,.point-row small{font-size:9px;line-height:13px}.point-problem b{color:#b93030}.point-problem button{font-size:9.5px;font-weight:650}.map-tools{height:50px;padding:7px 10px;border-color:var(--zot-border)}.map-tools>span{font-size:10.5px;color:#53657a}.map-canvas{background-color:#eaf0f3}.route-line{stroke-width:4}.map-legend{padding:8px 10px;gap:12px;border-color:var(--zot-border);box-shadow:0 3px 12px rgba(15,42,67,.12)}.planning-note{height:42px;padding:8px 12px;font-size:9.5px;line-height:14px;background:#fbfcfd}.route-head{height:62px;padding:10px 12px}.route-head h2{font-size:15px}.route-head p{font-size:10px}.provenance{min-height:38px;padding:8px 11px;gap:6px;background:#fafbfd;border-color:var(--zot-border);font-size:9px}.assignment{padding:10px 12px;gap:10px}.assignment b{font-size:10.5px}.assignment span,.assignment small{font-size:9px}.route-metrics{padding:10px 8px}.route-metrics b{font-size:10.5px;font-variant-numeric:tabular-nums}.route-metrics small{font-size:9px}.route-tabs{height:40px}.tabs button{font-size:10.5px}.stop-row{grid-template-columns:18px 28px minmax(0,1fr) 54px;padding:9px 11px;gap:7px}.stop-row h4{font-size:10.5px;line-height:14px}.stop-row p{font-size:9.2px;line-height:13px}.eta b,.eta span{font-size:9.5px}.route-footer{padding:9px 10px;background:#fff}.validation-banner{min-height:44px;padding:8px 9px;margin-bottom:8px}.validation-banner.critical{background:var(--zot-danger-soft);border-color:#ef9a95;color:#b52f2d}.validation-banner b{font-size:10.5px}.validation-banner span{font-size:9.5px;margin-top:2px}.footer-buttons{gap:8px}.constraint-list{padding:10px}.constraint{padding:10px;gap:9px;margin-bottom:8px;border-color:#efb3af;background:#fff7f6}.constraint.warning{border-color:#ebcf8e;background:#fffaf0}.constraint b{font-size:10.5px}.constraint span{font-size:9.5px;line-height:14px}.history-item b{font-size:10.5px}.history-item span{font-size:9.5px}.modal-backdrop{background:rgba(18,34,51,.58);backdrop-filter:blur(1px)}.compare-modal{width:600px;padding:18px;border-radius:8px;box-shadow:var(--zot-shadow)}.modal-head h2{font-size:16px}.modal-head p{font-size:10.5px;line-height:15px}.compare-labels,.compare-row{padding:10px 9px;border-color:var(--zot-border)}.compare-labels{background:#f5f8fb}.compare-row span,.compare-row b,.compare-row em{font-size:10.5px}.immutability{padding:10px;margin:12px 0;border-radius:5px;font-size:10px}.state-card{width:380px}.state-card h3{font-size:16px}.state-card p{font-size:11px;line-height:17px}.toast{bottom:20px;padding:10px 14px;border-radius:5px;background:#26384d;box-shadow:0 8px 24px rgba(15,42,67,.25);font-size:10.5px}.execution-board{grid-template-columns:300px minmax(0,1fr) 360px}.active-route{padding:12px}.active-route b{font-size:11px}.active-route span{font-size:9.5px}.execution-map:after{content:"";position:absolute;left:12%;top:24%;width:66%;height:46%;border:4px solid transparent;border-top-color:#b9d5f4;border-right-color:#b9d5f4;border-radius:50%;transform:rotate(-12deg);opacity:.65;pointer-events:none}.live-route{z-index:1}.execution-detail{padding:16px}.execution-detail h2{font-size:15px}.exec-stat{border-radius:6px;background:#f8fafc}.exec-stop{font-size:10.5px}
@media(max-width:1439px){.orders-context{gap:12px}.orders-context label{min-width:108px}.orders-counts span{min-width:78px}.planning-view{grid-template-columns:320px minmax(330px,1fr) 370px}.workflow span{padding:9px 6px}.context-bar{gap:9px}.point-counts span{min-width:68px}.provenance{flex-wrap:wrap}.route-card{min-height:80px}}
@media(max-width:1279px){.orders-shell,.dispatch-shell{margin-left:0}.orders-header,.dispatch-header{padding-left:64px}.orders-workspace{grid-template-columns:210px minmax(0,1fr)}.orders-context{padding-left:64px}.planning-view{grid-template-columns:300px minmax(0,1fr)}.route-panel{position:absolute;right:0;top:0;bottom:0;width:370px;z-index:15;box-shadow:-8px 0 26px rgba(15,42,67,.16)}.workflow{display:none}.context-bar{padding-left:64px}.map-actions{margin-left:8px;margin-right:auto}.execution-board{grid-template-columns:260px minmax(0,1fr) 330px}}
@media(max-width:1050px){.orders-header .sync{display:none}.orders-context{gap:8px}.orders-context label{min-width:92px}.orders-counts span{min-width:70px}.orders-counts span:last-child{display:none}.planning-view{grid-template-columns:280px minmax(0,1fr)}.route-panel{width:350px}.context-bar label:nth-child(4),.context-bar label:nth-child(5){display:none}.point-counts span{min-width:62px}.map-tools>span{display:none}.map-actions{margin-left:4px}.execution-board{grid-template-columns:230px minmax(0,1fr)}.execution-detail{position:absolute;right:0;top:0;bottom:0;width:320px;background:#fff;box-shadow:-8px 0 26px rgba(15,42,67,.16)}}