:root{--blue:#083c84;--blue2:#0e5baa;--red:#e6222b;--green:#168b54;--ink:#142235;--muted:#6d7c8e;--bg:#f3f6fa;--card:#fff;--line:#dfe6ef;--soft:#eaf2fd;--shadow:0 12px 30px rgba(21,50,84,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body{padding-bottom:35px}
.admin-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.header-inner{max-width:1280px;margin:auto;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand img{width:185px;max-width:43vw;height:auto}.brand div{border-left:1px solid var(--line);padding-left:13px}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{font-size:11px;color:var(--muted);margin-top:2px}.back-link{font-size:12px;font-weight:850;color:var(--blue);text-decoration:none;white-space:nowrap}
.admin-main{max-width:1280px;margin:auto;padding:22px 18px}.eyebrow{margin:0;color:var(--red);font-size:11px;font-weight:950;letter-spacing:.12em}.connect-card,.panel,.notice{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.connect-card{padding:20px;display:flex;align-items:end;justify-content:space-between;gap:22px}.connect-card h1,.dashboard-top h1{font-size:30px;letter-spacing:-.035em;margin:3px 0 5px}.connect-card p,.dashboard-top p{margin:0;color:var(--muted);font-size:13px}.connect-controls{display:flex;gap:9px;min-width:min(440px,100%)}input{min-height:46px;border:1px solid #ccd7e5;border-radius:13px;padding:10px 12px;font-size:16px;outline:none;min-width:0;flex:1}input:focus{border-color:#3d7fc4;box-shadow:0 0 0 3px rgba(25,105,190,.12)}
.btn{border:0;border-radius:13px;min-height:44px;padding:10px 14px;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:var(--soft);color:var(--blue)}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:900;cursor:pointer}.toast{position:sticky;top:82px;z-index:110;max-width:680px;margin:0 auto 13px;padding:11px 13px;border-radius:13px;background:#142235;color:#fff;text-align:center;font-size:12px;box-shadow:0 8px 25px rgba(0,0,0,.16)}.toast.error{background:#a82127}
.dashboard-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:7px 2px 15px}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.switch-label{font-size:12px;color:#526477;font-weight:800;display:flex;gap:7px;align-items:center}.switch-label input{width:18px;height:18px;min-height:0;flex:none}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.stats article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 15px}.stats span{display:block;color:var(--muted);font-size:11px;font-weight:800}.stats strong{display:block;font-size:26px;color:var(--blue);margin-top:3px}
.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:13px;align-items:start}.panel{padding:15px}.panel-head,.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2,.detail-head h2{margin:0;font-size:18px}.panel-head p,.detail-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.map{height:420px;border-radius:15px;overflow:hidden;background:#e9eef4;border:1px solid #d9e2ed}.map-note{font-size:10px;color:var(--muted);margin:8px 2px 0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;background:#e7f6ee;color:#126b41;font-size:10px;font-weight:900;white-space:nowrap}.badge.completed{background:#eaf2fd;color:var(--blue)}.badge.stopped{background:#eef1f5;color:#637286}.badge.stale{background:#fff1e5;color:#a35413}.badge.error{background:#fff0f0;color:#a82127}
.sessions-list{display:grid;gap:8px;max-height:480px;overflow:auto}.session{border:1px solid #e0e7ef;border-radius:15px;padding:11px;background:#fff;cursor:pointer}.session.selected{border-color:#78a8dc;background:#f3f8fe}.session-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.session strong{font-size:14px}.session small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.session-progress{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:9px}.progress{height:7px;flex:1;background:#e9eef4;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--green);border-radius:999px}.session-progress em{font-style:normal;font-size:10px;color:#526477;font-weight:900}.empty{border:1px dashed #cbd6e3;border-radius:14px;padding:24px 12px;text-align:center;color:var(--muted);font-size:12px}.gps-line{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:10px;font-weight:900;color:#526477}.gps-dot{width:7px;height:7px;border-radius:50%;background:#9aa7b5;flex:none}.gps-line.live{color:#126b41}.gps-line.live .gps-dot{background:#168b54}.gps-line.stale{color:#a35413}.gps-line.stale .gps-dot{background:#d17a16}.gps-line.none{color:#7a8796}
.detail-panel{margin-top:13px}.detail-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:16px}.detail-metrics article{background:#f8fafc;border:1px solid #e1e8f0;border-radius:14px;padding:11px}.detail-metrics span{display:block;color:var(--muted);font-size:10px;font-weight:800}.detail-metrics strong{display:block;margin-top:4px;font-size:15px}.detail-grid{display:grid;grid-template-columns:1fr .9fr;gap:18px}.detail-grid h3{font-size:14px;margin:0 0 9px}.orders-list,.events-list{display:grid;gap:7px}.order,.event{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e2e8f0;border-radius:13px;padding:9px 10px}.order-num{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:11px;font-weight:900}.order.done .order-num{background:var(--green)}.order strong,.event strong{font-size:12px}.order small,.event small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.order-state{font-size:9px;font-weight:900;border-radius:999px;padding:5px 7px;background:#eef3f8;color:#58697b}.order.done .order-state{background:#e7f6ee;color:#126b41}.event{grid-template-columns:minmax(0,1fr) auto}.event-type{font-size:11px;font-weight:900}.notice{margin-top:13px;padding:13px 15px;box-shadow:none;background:#fff9e9;border-color:#f0dfa9}.notice strong{font-size:12px;color:#6a5315}.notice p{margin:3px 0 0;color:#7b672e;font-size:11px;line-height:1.45}
.driver-dot{width:20px;height:20px;border-radius:50%;background:#083c84;border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.32)}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.routes-panel{order:-1}.sessions-list{max-height:none}.map{height:350px}.detail-grid{grid-template-columns:1fr}.brand div{display:none}}
@media(max-width:620px){.admin-main{padding:14px 10px}.header-inner{padding:10px}.brand img{width:165px}.connect-card{display:block;padding:15px}.connect-controls{min-width:0;margin-top:14px;flex-direction:column}.dashboard-top{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr;gap:7px}.stats article{padding:11px}.stats strong{font-size:22px}.detail-metrics{grid-template-columns:1fr 1fr}.map{height:300px}.panel{padding:12px}.top-actions{width:100%;justify-content:space-between}}

/* v0.4.0 · ficha operativa */
.detail-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gps-warning{margin:-2px 0 12px;padding:11px 13px;border-radius:13px;background:#fff3e8;border:1px solid #f0c89f;color:#8a4a14;font-size:12px;font-weight:800}.route-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr) minmax(220px,.9fr);gap:12px;align-items:stretch;margin-bottom:12px}.focus-current,.focus-progress,.focus-actions{border:1px solid #dfe7f0;border-radius:16px;background:#f8fafc;padding:14px}.focus-current span,.focus-progress span{display:block;font-size:10px;font-weight:950;letter-spacing:.08em;color:var(--muted)}.focus-current strong{display:block;font-size:27px;line-height:1.05;color:var(--blue);margin:5px 0}.focus-current small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.focus-progress{display:flex;flex-direction:column;justify-content:center}.focus-progress>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:10px}.focus-progress strong{font-size:24px;color:var(--green)}.focus-progressbar{height:10px;border-radius:999px;background:#e6ebf0;overflow:hidden;margin-top:10px}.focus-progressbar span{height:100%;width:0;background:var(--green);border-radius:999px;transition:width .25s ease}.focus-actions{display:grid;gap:8px;align-content:center}.focus-actions .btn{width:100%;min-height:42px}.detail-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.section-title-row h3{margin:0}.section-title-row span{font-size:10px;font-weight:900;color:var(--muted)}.order.current{border-color:#6da2d8;background:#f2f7fd}.order.current .order-num{background:var(--blue)}.order .order-actions{display:flex;align-items:center;gap:6px}.mini-map-link{border:0;background:#edf4fd;color:var(--blue);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.order-time{color:var(--green)!important;font-weight:800}.metric-sub{display:block;margin-top:2px;font-size:9px;color:var(--muted);font-weight:700}
@media(max-width:1000px){.route-focus{grid-template-columns:1fr 1fr}.focus-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.detail-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.route-focus{grid-template-columns:1fr}.focus-actions{grid-column:auto;grid-template-columns:1fr}.detail-metrics{grid-template-columns:1fr 1fr}.detail-head-actions{align-items:flex-end;flex-direction:column}.focus-current strong{font-size:24px}}