.sr-shell{display:grid;gap:18px}.sr-loading,.sr-error{padding:24px}.sr-hero,.sr-current-card,.sr-unassigned{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 30px;border:1px solid #1b4968;border-radius:22px;background:linear-gradient(135deg,#0b2a43 0%,#071a2a 66%,#061522 100%);box-shadow:0 18px 42px rgba(0,0,0,.15)}.sr-hero h2,.sr-current-card h2{margin:7px 0;font-size:30px}.sr-hero p,.sr-current-card p,.sr-unassigned p{margin:0;color:#8fb0c7}.sr-sync{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #176a57;border-radius:999px;color:#65dfba;font-size:11px;font-weight:900;white-space:nowrap}.sr-sync::before{content:'';width:8px;height:8px;border-radius:50%;background:#25d59e;box-shadow:0 0 12px rgba(37,213,158,.6)}.sr-sync.locked{border-color:#70572a;color:#ffd47d}.sr-sync.locked::before{background:#ffc857;box-shadow:none}.sr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sr-metrics>div{padding:18px;border:1px solid #173c56;border-radius:16px;background:#091c2c}.sr-metrics small{display:block;color:#7397af;font-size:9px;letter-spacing:.11em}.sr-metrics b{display:block;margin-top:6px;color:#eef8ff;font-size:25px}.sr-metrics .sr-word{font-size:17px}.sr-unassigned{padding:18px 22px;border-radius:17px;border-color:#745728;background:linear-gradient(120deg,rgba(117,78,21,.24),#091b2b)}.sr-unassigned h3{margin:4px 0}.sr-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sr-locator-card{min-width:0;border:1px solid #173e58;border-radius:20px;background:#081a29;overflow:hidden}.sr-locator-card.saving{opacity:.65;pointer-events:none}.sr-locator-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid #14364d}.sr-locator-card h3{margin:0;color:#f2f9ff}.sr-locator-card header p{margin:5px 0 0;color:#789bb1;font-size:12px}.sr-person{display:flex;align-items:flex-start;gap:11px}.sr-duty{width:11px;height:11px;margin-top:4px;border-radius:50%;background:#667b89}.sr-duty.on{background:#1dd49e;box-shadow:0 0 12px rgba(29,212,158,.55)}.sr-duty.lunch{background:#ffc857;box-shadow:none}.sr-route-summary{text-align:center}.sr-route-summary strong{display:block;color:#6bb7ff;font-size:25px}.sr-route-summary small{display:block;color:#688ba2;font-size:8px;letter-spacing:.1em}.sr-next{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 18px 0;padding:14px;border:1px solid #1e6793;border-radius:14px;background:linear-gradient(135deg,#0b3250,#092238)}.sr-next>div:first-child{display:grid;gap:3px}.sr-next small{font-size:8px;letter-spacing:.12em;color:#6cbaff}.sr-next span{color:#90adc0}.sr-next>div:last-child,.sr-current-actions{display:flex;gap:8px;flex-wrap:wrap}.sr-card-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 8px}.sr-stop-list{display:grid;padding:8px 18px 18px}.sr-stop{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 4px;border-top:1px solid #12344a}.sr-stop:first-child{border-top:0}.sr-stop.current{margin:4px -4px;padding:13px 8px;border:1px solid #2381bd;border-radius:13px;background:#0a2840}.sr-stop.emergency{border-left:3px solid #ff6969;padding-left:9px;background:linear-gradient(90deg,rgba(255,78,78,.08),transparent)}.sr-stop-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0f3b59;color:#76c3ff;font-size:12px;font-weight:900}.sr-stop-copy{min-width:0}.sr-stop-copy>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sr-stop-copy strong{display:block;margin:4px 0;color:#dceefa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-stop-copy small{display:block;color:#7496aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-status,.sr-current{padding:3px 7px;border:1px solid #24506b;border-radius:999px;color:#8ab1c9;font-size:8px;font-weight:900;text-transform:uppercase}.sr-status.emergency{border-color:#8a3636;color:#ff8d8d}.sr-current{border-color:#176f59;color:#67e2bd}.sr-stop-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.sr-stop-actions button{min-height:34px;padding:7px 10px}.sr-stop-actions button[disabled]{opacity:.25}.sr-current-card{border-color:#237bb1;background:linear-gradient(135deg,#0c3655,#071b2c)}.sr-current-card span{color:#87a9bf}.sr-empty{display:grid;gap:5px;padding:24px;border:1px dashed #25465b;border-radius:14px;text-align:center;color:#d7e8f3}.sr-empty span{color:#7595aa}.danger-lite{border:1px solid #70452d!important;color:#ffb178!important;background:rgba(105,55,25,.17)!important}

@media(max-width:1050px){.sr-route-grid{grid-template-columns:1fr}.sr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sr-hero,.sr-current-card,.sr-unassigned,.sr-next{align-items:stretch;flex-direction:column}.sr-hero button,.sr-unassigned button,.sr-current-actions button,.sr-next>div:last-child button{width:100%}.sr-hero h2,.sr-current-card h2{font-size:25px}.sr-metrics{grid-template-columns:1fr 1fr}.sr-stop{grid-template-columns:34px minmax(0,1fr)}.sr-stop-actions{grid-column:1/-1;justify-content:stretch}.sr-stop-actions button{flex:1}.sr-locator-card>header{padding:17px}.sr-stop-list{padding:6px 12px 14px}.sr-card-tools{align-items:stretch;flex-direction:column}}