:root{--nav:#071846;--blue:#1737c7;--lime:#b8d72f;--bg:#f3f6fb;--ink:#0c1830;--muted:#6b7690;--line:#e1e6ef;--card:#fff;--danger:#bb2634}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{background:var(--nav);color:#dce5ff;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.side .brand{background:white;border-radius:14px;padding:10px;margin-bottom:22px}.side .brand img{width:100%;height:42px;object-fit:contain}.menu-title{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#6f83bd;margin:22px 10px 7px}.menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:2px 0;border-radius:10px;font-size:14px}.menu a:hover,.menu a.on{background:#15307f;color:white}.main{min-width:0}.top{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.content{padding:26px 28px 50px;max-width:1500px}.pagehead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.pagehead h1{font-size:28px;margin:0}.pagehead p{margin:5px 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 14px;background:var(--blue);color:white;font-weight:800;cursor:pointer}.btn.alt{background:var(--lime);color:#1e2b00}.btn.light{background:#eef2f9;color:#1a2c56}.btn.danger{background:#ffe9eb;color:var(--danger)}.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 26px rgba(22,40,82,.05)}.card h2{font-size:18px;margin:0 0 15px}.map{height:390px;border-radius:13px;overflow:hidden;background:#dfe7f4}.agenda-list{display:flex;flex-direction:column;gap:10px}.agenda-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.agenda-time{font-weight:900;color:var(--blue)}.agenda-item small{display:block;color:var(--muted)}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#2945aa;font-size:11px;font-weight:900}.status.ok{background:#ecf7dd;color:#42600d}.status.warn{background:#fff4d9;color:#805c00}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.kpi{background:white;border:1px solid var(--line);border-radius:14px;padding:16px}.kpi span{color:var(--muted);font-size:12px}.kpi strong{display:block;font-size:26px;margin-top:5px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:15px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fafbfd}.table tr:last-child td{border-bottom:0}.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{border:1px solid #d9dfeb;border-radius:9px;padding:10px 11px;font:inherit;background:#fff}.field textarea{min-height:95px}.flash{padding:12px 15px;border-radius:11px;margin-bottom:16px;background:#e9f6dc;color:#3d5d0b}.muted{color:var(--muted)}.empty{padding:35px;text-align:center;color:var(--muted)}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.tabs a{padding:8px 11px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:13px}.tabs a.on{background:var(--blue);color:#fff}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#071846,#1737c7)}.login-card{width:min(420px,92vw);background:white;border-radius:22px;padding:30px;box-shadow:0 35px 80px rgba(0,0,0,.25)}.login-card img{width:260px;max-height:68px;object-fit:contain;margin:0 auto 22px}.login-card h1{text-align:center}.login-card .field{margin:12px 0}.login-card .btn{width:100%;margin-top:8px}.version{font-size:11px;color:#7f8eb7;margin:25px 10px 0}.hamb{display:none}@media(max-width:1000px){.shell{grid-template-columns:1fr}.side{position:fixed;left:-260px;z-index:30;width:248px;transition:.25s}.side.open{left:0}.hamb{display:inline-flex}.grid2,.grid3{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.content{padding:20px}.top{padding:0 20px}}@media(max-width:600px){.kpis{grid-template-columns:1fr}.agenda-item{grid-template-columns:60px 1fr}.agenda-item .status{display:none}.form{grid-template-columns:1fr}.field.full{grid-column:auto}}
.map-block{position:relative}.map-toolbar{display:flex;justify-content:flex-end;gap:6px;margin:-4px 0 10px}.map-mode{border:1px solid var(--line);background:#fff;color:#29405f;border-radius:9px;padding:7px 11px;font-weight:800;cursor:pointer}.map-mode.on{background:var(--blue);border-color:var(--blue);color:#fff}.fleet-marker{width:24px;height:24px;border:4px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 2px 10px rgba(0,0,0,.35)}.diag-table td,.diag-table th{white-space:normal}.diag-ok{color:#3f6e0d;font-weight:800}.diag-bad{color:#a32a36;font-weight:800}.diag-mid{color:#805c00;font-weight:800}
/* v0.2.0 · Frota / Live Tracking */
.fleet-live-layout{display:grid;grid-template-columns:330px minmax(0,1fr) 330px;gap:14px;align-items:stretch}.fleet-live-panel,.fleet-detail-panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:610px}.fleet-live-panel{display:flex;flex-direction:column}.fleet-live-head{padding:16px;border-bottom:1px solid var(--line)}.fleet-live-head h2{margin:0 0 5px}.fleet-live-status{font-size:12px;color:var(--muted);margin-top:7px}.fleet-search{width:100%;margin-top:11px;border:1px solid #d9dfeb;border-radius:10px;padding:10px 11px}.live-list{overflow:auto;max-height:535px}.live-vehicle{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:12px 13px;display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer;color:var(--ink)}.live-vehicle:hover,.live-vehicle.selected{background:#f3f6ff}.live-main,.live-meta{min-width:0;display:flex;flex-direction:column}.live-main strong{font-size:14px}.live-main small,.live-meta small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-meta{text-align:right}.live-meta strong{font-size:12px}.live-dot{width:10px;height:10px;border-radius:50%}.live-dot.moving,.live-state.moving{background:#dff5df;color:#1f6f2e}.live-dot.idle,.live-state.idle{background:#fff0c9;color:#846000}.live-dot.stopped,.live-state.stopped{background:#e5eeff;color:#244ca4}.live-dot.offline,.live-state.offline{background:#eceff4;color:#697386}.live-dot.unknown,.live-state.unknown{background:#f1eafa;color:#745397}.live-marker{width:32px;height:32px;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.28);cursor:pointer;color:#fff}.live-marker.moving{background:#20a145}.live-marker.idle{background:#e5a000}.live-marker.stopped{background:#2457c5}.live-marker.offline{background:#7a8493}.live-marker.unknown{background:#7654a5}.live-marker span{font-size:12px}.fleet-live-map-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.fleet-live-map-card .map-toolbar{position:absolute;z-index:3;right:12px;top:12px;margin:0;background:#fff;padding:5px;border-radius:11px;box-shadow:0 5px 18px rgba(0,0,0,.12)}.fleet-live-map{height:610px}.fleet-detail-panel{padding:18px}.fleet-detail-panel h3{font-size:24px;margin:7px 0 2px}.vehicle-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.vehicle-detail-head p{margin:0;color:var(--muted);font-size:12px}.live-state{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.vehicle-speed{text-align:right}.vehicle-speed strong{display:block;font-size:34px;color:var(--blue);line-height:1}.vehicle-speed span{font-size:11px;color:var(--muted)}.vehicle-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.vehicle-facts>div{padding:11px;border:1px solid var(--line);border-radius:11px;min-width:0}.vehicle-facts .full{grid-column:1/-1}.vehicle-facts span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.vehicle-facts strong{display:block;font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.vehicle-facts small{display:block;color:var(--muted);margin-top:4px}.fleet-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.fleet-tabs a{padding:9px 13px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:13px;font-weight:800}.fleet-tabs a.on{background:var(--blue);border-color:var(--blue);color:#fff}.history-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px}.history-map-wrap{position:relative}.history-map-wrap .map-toolbar{position:absolute;right:12px;top:12px;z-index:3;margin:0;background:#fff;padding:5px;border-radius:11px;box-shadow:0 4px 16px rgba(0,0,0,.12)}.history-map{height:520px;border-radius:14px;overflow:hidden}.history-filter{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:14px}.history-filter .field{gap:4px}.history-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.history-kpis>div{border:1px solid var(--line);border-radius:11px;padding:12px}.history-kpis span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.history-kpis strong{display:block;font-size:20px;margin-top:3px}.history-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.history-row div{min-width:0}.history-row strong{font-size:12px}.history-row small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}.history-row>span{font-size:11px;font-weight:900;white-space:nowrap}.replay-bar{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:12px}.replay-bar input{width:100%}.demo-warning{background:#fff7db;border:1px solid #f1d88e;border-radius:12px;padding:12px 14px;color:#725700;font-size:13px}.integration-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8f5e8;color:#25642e;font-size:10px;font-weight:900;text-transform:uppercase}.integration-badge.off{background:#eef0f4;color:#687180}
@media(max-width:1250px){.fleet-live-layout{grid-template-columns:300px minmax(0,1fr)}.fleet-detail-panel{grid-column:1/-1;min-height:auto}.fleet-live-panel,.fleet-live-map{min-height:520px;height:520px}.history-layout{grid-template-columns:1fr}}
@media(max-width:780px){.fleet-live-layout{grid-template-columns:1fr}.fleet-live-panel{min-height:300px}.live-list{max-height:300px}.fleet-live-map{height:430px}.history-filter{grid-template-columns:1fr 1fr}.history-filter .field:first-child{grid-column:1/-1}.history-filter .btn{width:100%}.vehicle-facts{grid-template-columns:1fr}.vehicle-facts .full{grid-column:auto}}