/* BARGONIBICH / Centro de operaciones */
:root{--bg-primary:#0b111c;--bg-secondary:#101925;--bg-card:#131e2c;--bg-hover:#1b2b3b;--bg-input:#101925;--accent-primary:#44d9c2;--accent-secondary:#51aac4;--accent-gradient:linear-gradient(135deg,#38cbb1,#198d98);--border-color:#243244;--text-primary:#edf3f7;--text-secondary:#b0bed0;--text-muted:#8394aa;--sidebar-width:232px;--radius-md:12px;--radius-lg:16px}
body{font-family:Inter,'Segoe UI',sans-serif;font-size:14px}.bg-pattern{background:radial-gradient(ellipse at 95% 5%,#12313c30,transparent 48%)}
button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #50dec8;outline-offset:4px}button{cursor:pointer}
.sidebar{background:#0d1520;border-right:1px solid #202c3c}.sidebar-header{padding:28px 20px;border-bottom:1px solid #202c3c}.sidebar-header .logo-icon{background:var(--accent-gradient);border-radius:11px;width:38px;height:38px;font-size:17px}.logo-text h2{font-size:14px;letter-spacing:1px}.logo-text span{font-size:8px;letter-spacing:2px}.sidebar-nav{padding:14px 12px}.nav-section{margin-bottom:14px}.nav-section-title{font-size:9px;letter-spacing:1.8px;color:#708399;padding:8px 12px}.nav-item{padding:10px 12px;border-radius:7px;font-size:12px;gap:12px;min-height:38px}.nav-item i{font-size:13px;width:17px}.nav-item.active{background:#44d9c213;color:#57e1cb;border:1px solid #44d9c22b}.nav-item.active::before{display:none}.nav-item .badge{background:#283743;color:#bdcfdd}.sidebar-footer{padding:16px 20px}.user-avatar{background:#243c46;color:#6ce1ce}.logout-link{font-size:11px}
.content-header{background:#0d1520e8;border-bottom:1px solid #223043;padding:0 30px;backdrop-filter:blur(15px)}.content-header h1{font-size:13px;font-weight:500}.header-breadcrumb{font-size:12px;color:var(--text-muted)}.header-breadcrumb span{margin:0 12px;color:#4f6074}.header-date{font-size:11px}.workspace-mode{font-size:9px;letter-spacing:1px;padding:5px 9px;border:1px solid #354253;border-radius:5px;color:#a6bacb}.header-right{gap:18px}.content-body{padding:26px 30px 34px}
.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:700;color:#7d95a8}.ops-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:20px}.ops-heading h2{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-1px;margin:9px 0}.ops-heading p{color:var(--text-muted);font-size:12px}.ops-actions{display:flex;gap:9px}.ops-actions .btn{font-size:11px;padding:10px 13px}.btn-primary{background:var(--accent-gradient);color:#031b19;border:1px solid #43d6c0;font-weight:700;box-shadow:0 3px 12px #3bcdb112}.btn-secondary{background:#131e2c;border:1px solid #2a394b;color:#c9d5df}.ops-actions .btn i{margin-right:6px}
.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.ops-metric{background:linear-gradient(125deg,#172331,#111b28);border:1px solid #29374a;border-radius:11px;position:relative;padding:16px 18px;overflow:hidden}.ops-metric-top{display:flex;justify-content:space-between;align-items:center;color:#9cacbf;font-size:11px}.ops-metric-top i{color:var(--metric-color,#52dbc4);font-size:14px}.ops-metric strong{display:block;font-size:29px;font-weight:600;letter-spacing:-1px;margin-top:3px}.ops-metric small{color:#7e91a6;font-size:10px}.metric-bars{position:absolute;bottom:20px;right:18px;display:flex;gap:4px;height:27px;align-items:end;opacity:.7}.metric-bars b{width:5px;background:var(--metric-color,#52dbc4);border-radius:2px}.metric-bars b:nth-child(1){height:25%}.metric-bars b:nth-child(2){height:40%}.metric-bars b:nth-child(3){height:35%}.metric-bars b:nth-child(4){height:65%}.metric-bars b:nth-child(5){height:55%}.metric-bars b:nth-child(6){height:85%}.metric-bars b:nth-child(7){height:100%}
.ops-workspace{display:grid;grid-template-columns:266px minmax(0,1fr);border:1px solid #2b394b;border-radius:13px;overflow:hidden;background:#111b28}.ops-fleet{border-right:1px solid #29374a;display:flex;flex-direction:column;min-width:0}.fleet-head{padding:19px 17px 13px}.fleet-head h3{font-size:13px;display:flex;justify-content:space-between;font-weight:600;margin-bottom:13px}.count-pill{font-size:10px;background:#263443;border:1px solid #364556;padding:0 6px;border-radius:4px;color:#9aafc1}.fleet-search{display:flex;gap:9px;align-items:center;background:#0c1521;border:1px solid #29394b;border-radius:6px;padding:9px 11px;color:#73899e}.fleet-search input{width:100%;min-width:0;background:none;border:0;outline:none;color:#d7e3eb;font-size:11px}.fleet-filters{display:flex;gap:4px;padding:0 17px 13px}.fleet-filters button{background:transparent;border:1px solid transparent;border-radius:5px;padding:5px 9px;color:#94a8bb;font-size:10px}.fleet-filters button.active{background:#243540;border-color:#3b535d;color:#6ee5d0}.fleet-list{max-height:552px;overflow:auto;padding:0 8px 10px;scrollbar-width:thin;scrollbar-color:#324455 transparent}.fleet-card{width:100%;text-align:left;color:inherit;border:1px solid transparent;border-bottom-color:#243244;background:transparent;padding:14px 10px;display:block;border-radius:7px;transition:background .2s,border .2s}.fleet-card:hover{background:#1a2939}.fleet-card.selected{background:#18352f70;border:1px solid #40766670}.fleet-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fleet-identity{display:flex;gap:9px;align-items:center}.fleet-icon{display:grid;place-items:center;width:30px;height:30px;background:#283c47;border:1px solid #3b5963;border-radius:7px;color:#7ce1d0}.fleet-identity strong{font-size:12px;letter-spacing:.6px;display:block;line-height:1.4}.fleet-identity small{display:block;font-size:9px;color:#8096aa;line-height:1.6}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--vehicle-color,#4dd8bc);box-shadow:0 0 8px var(--vehicle-color,#4dd8bc)}.fleet-route{color:#abbfce;font-size:10px;display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.fleet-route i{color:#5d7c90;font-size:8px}.fleet-card-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8ca4b6}.fleet-card-foot b{font-weight:500;color:var(--vehicle-color,#5ed6bb)}.fleet-progress{height:3px;border-radius:3px;background:#2d414a;margin-top:9px;overflow:hidden}.fleet-progress span{height:100%;display:block;background:var(--vehicle-color,#50ddc2);transition:width .5s linear}.fleet-footer{margin-top:auto;padding:14px 17px;border-top:1px solid #27384a;font-size:9px;color:#6f899e;display:flex;gap:7px;align-items:center}.fleet-footer i{color:#5cd8c1}
.ops-map-side{min-width:0}.ops-map-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #283749;gap:10px;background:#121e2c;min-height:55px}.map-title{font-size:11px;font-weight:600;display:flex;gap:8px;align-items:center}.live-indicator{height:6px;width:6px;border-radius:50%;background:#4edfc0;box-shadow:0 0 9px #44d9c255}.simulation-tag{font-size:8px;letter-spacing:1px;border:1px solid #5c4b2c;color:#e8bc70;background:#3b2e172f;border-radius:4px;padding:2px 6px;margin-left:5px}.playback-controls{display:flex;align-items:center;gap:6px}.playback-controls button,.playback-controls select{color:#b0c3d2;background:#182738;border:1px solid #33465a;border-radius:5px;font-size:10px;height:28px;padding:0 9px}.playback-controls button.playing{color:#71e3ce}.playback-controls button i{margin-right:5px}.playback-controls select{width:53px}.ops-map-canvas{position:relative}.operations-map{height:415px;background:#132333;z-index:1}.ops-map-canvas:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:400;box-shadow:inset 0 0 75px #0b16254d}.map-coordinates{position:absolute;top:15px;left:17px;z-index:450;color:#90a7b9;pointer-events:none;font-family:monospace;font-size:9px;letter-spacing:1px}.map-legend{position:absolute;bottom:24px;left:14px;z-index:450;border:1px solid #324b59;background:#111e2bea;backdrop-filter:blur(10px);border-radius:5px;padding:7px 10px;display:flex;gap:13px;font-size:9px;color:#adc2d1}.map-legend span{display:flex;gap:5px;align-items:center}.map-legend b{height:2px;width:14px;background:#4cd8bd}.map-legend .pending{background:transparent;border-bottom:2px dashed #7893a8}.map-error{position:absolute;left:15px;right:15px;top:45px;z-index:600;background:#4c3818ef;color:#f4d8a5;font-size:11px;padding:10px;border:1px solid #8b6c3d;border-radius:6px}.map-error[hidden]{display:none}.map-center{position:absolute;right:12px;top:14px;z-index:450;background:#132331;border:1px solid #3b5263;color:#b4d3e1;border-radius:5px;width:31px;height:31px}.leaflet-control-attribution{font-size:8px!important;background:#101b29d9!important;color:#9aafc1!important}.leaflet-control-attribution a{color:#8bbdbb!important}.leaflet-bar{border:1px solid #34495b!important}.leaflet-bar a{background:#172836!important;color:#abc3d1!important;border-color:#34495b!important}.leaflet-tooltip.vehicle-label{background:#102432ed;color:#d6e9f0;border:1px solid #416271;border-radius:4px;box-shadow:0 2px 10px #0006;font-size:9px;font-weight:700;padding:3px 7px;letter-spacing:.5px}.leaflet-tooltip.vehicle-label:before{border-top-color:#416271}.ops-truck-wrap{background:none!important;border:0!important}.ops-truck{position:relative;background:var(--vehicle-color);color:#071f20;border:3px solid #dafff4;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;box-shadow:0 0 0 7px #4adbc211,0 3px 18px #0008;font-size:15px}.ops-truck.moving:after{content:'';position:absolute;inset:-9px;border:1px solid var(--vehicle-color);border-radius:15px;animation:vehicleSignal 3s infinite;pointer-events:none}.ops-truck.selected{outline:2px solid #f3faf8;outline-offset:5px}.route-travelled{filter:drop-shadow(0 0 4px #40d6b970)}@keyframes vehicleSignal{0%{opacity:.6;transform:scale(.8)}100%{opacity:0;transform:scale(1.5)}}
.trip-inspector{padding:17px 19px;background:#13202f;min-height:154px}.trip-inspector-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.trip-inspector h3{font-size:13px;font-weight:600;line-height:1.5}.trip-inspector h3 span{color:#8da6bb;font-weight:400;font-size:10px;margin-left:8px}.trip-route-name{font-size:11px;color:#b7c9d8;margin-top:4px}.trip-route-name i{color:#5bc7b4;font-size:9px;margin:0 8px}.trip-small-actions{display:flex;gap:8px}.trip-small-actions button{background:none;border:1px solid #3a5266;color:#c6d8e4;padding:5px 9px;font-size:9px;border-radius:4px}.trip-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.trip-metrics small{display:block;font-size:9px;color:#839aae;letter-spacing:.3px}.trip-metrics strong{display:block;font-size:17px;color:#d1e8eb;font-weight:500;margin-top:2px}.trip-metrics strong em{font-size:9px;font-style:normal;color:#83a0b4}.trip-progress-row{display:flex;align-items:center;gap:12px;font-size:9px;color:#89a4b8}.trip-track{flex:1;background:#2a414f;height:4px;border-radius:3px;overflow:hidden}.trip-track span{display:block;height:100%;background:#4ed9c0;border-radius:3px}.ops-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:20px}.ops-activity,.ops-roadmap{border:1px solid #29394c;border-radius:10px;background:#111c29;padding:18px}.ops-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.ops-section-heading h3{font-size:12px;font-weight:600}.ops-section-heading a,.ops-section-heading small{font-size:9px;color:#7fcdbf}.activity-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:10px;border-bottom:1px solid #243548}.activity-row:last-child{border:0}.activity-row i{color:#5dd7c0;width:20px}.activity-row span{color:#b0c4d3;flex:1}.activity-row time{color:#6e899e;font-size:9px;white-space:nowrap}.ops-roadmap p{font-size:11px;color:#a3b8cb;line-height:1.7}.roadmap-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.roadmap-chips span{padding:4px 8px;border:1px solid #344a5d;border-radius:5px;color:#a8bfd0;font-size:9px}.roadmap-chips span:first-child{color:#6adcc7;border-color:#34655f}.ops-footnote{font-size:9px;color:#71899c;margin-top:14px;display:flex;gap:7px;align-items:center}.empty-fleet{text-align:center;font-size:11px;color:#8da7bb;padding:30px 15px}.loading-state{padding:25px;color:#97aebe;font-size:11px}.modal-overlay{z-index:2000}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.history-summary div{padding:14px;background:#172b39;border:1px solid #324b5a;border-radius:7px}.history-summary small{color:#92a9bc;display:block;font-size:10px}.history-summary strong{font-size:17px}.data-table{font-size:11px}
.login-page{background:radial-gradient(ellipse at 15% 45%,#184f4a50,transparent 50%),#0b111c;gap:70px;padding:40px}.login-intro{max-width:520px}.login-intro h2{font-size:43px;font-weight:550;line-height:1.2;letter-spacing:-1.8px;margin:28px 0 22px}.login-intro h2 em{font-style:normal;color:#64dfc6}.login-intro p{color:#8ca8ba;font-size:14px;line-height:1.9}.login-intro small{font-size:9px;color:#6a899e;letter-spacing:3px}.login-road{height:70px;position:relative;margin:30px 0 22px;border-bottom:1px dashed #427167}.login-road:after{content:'';position:absolute;bottom:-1px;left:0;height:2px;width:65%;background:linear-gradient(90deg,transparent,#5de1c3)}.login-road span{position:absolute;left:60%;bottom:-13px;color:#6ce3c7;font-size:28px;background:#0f2026;padding:0 8px;animation:roadFloat 5s ease-in-out infinite}@keyframes roadFloat{50%{transform:translateX(25px)}}.login-card{background:#14212c;border:1px solid #304352;box-shadow:0 20px 80px #0003;padding:35px}.login-logo h1{font-size:19px}.login-logo .logo-icon{background:var(--accent-gradient);box-shadow:0 8px 30px #31bda51a}.login-info{font-size:10px;background:#10202b;border-color:#2e4758}.login-info p{font-size:10px}.login-container{max-width:410px}.login-card .btn-primary{padding:12px}.stat-card,.chart-card,.card{border-color:#2b3b4d}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.roadmap-card{background:#14212e;border:1px solid #304556;border-radius:12px;padding:24px}.roadmap-card .phase{color:#5adfc3;font-size:10px;letter-spacing:2px}.roadmap-card h3{font-size:19px;line-height:1.4;margin:18px 0 14px}.roadmap-card p,.roadmap-card li{font-size:12px;color:#9fb6ca;line-height:1.8}.roadmap-card ul{padding-left:15px;margin:15px 0}.roadmap-card i{font-size:28px;color:#67cdb9;margin-top:20px}.roadmap-card small{font-size:10px;color:#d5b777}.roadmap-now{border:1px solid #397d69;background:#18392e88;padding:20px;border-radius:10px;margin-bottom:20px;color:#bce3d7}.roadmap-now p{font-size:12px;margin-top:6px}
@media(min-width:1700px){.operations-map{height:510px}.fleet-list{max-height:645px}}
@media(max-width:1200px){:root{--sidebar-width:210px}.content-body{padding:23px 20px}.content-header{padding:0 20px}.ops-workspace{grid-template-columns:235px minmax(0,1fr)}.ops-heading h2{font-size:25px}.ops-actions .btn{font-size:10px;padding:9px}.header-date{display:none}.ops-map-toolbar{flex-wrap:wrap}.operations-map{height:400px}.trip-inspector h3 span{display:block;margin:0}.login-page{gap:20px}.login-intro h2{font-size:37px}}
@media(max-width:980px){.ops-heading{align-items:start}.ops-actions{flex-wrap:wrap;justify-content:end;max-width:200px}.ops-workspace{grid-template-columns:220px minmax(0,1fr)}.map-title{font-size:10px}.trip-metrics{grid-template-columns:repeat(2,1fr)}.fleet-list{max-height:590px}.ops-metric{padding:13px}.ops-metric-top{font-size:10px}.ops-metrics{gap:9px}.roadmap-grid{grid-template-columns:1fr}.trip-inspector-head{flex-wrap:wrap}.login-intro h2{font-size:31px}.login-page{padding:20px}.header-breadcrumb{display:none}}
@media(max-width:768px){.content-body{padding:20px 14px}.content-header{padding:0 15px}.header-right{gap:8px}.ops-heading{flex-direction:column;gap:12px}.ops-heading h2{font-size:27px}.ops-actions{max-width:none;justify-content:start}.ops-metrics{grid-template-columns:repeat(2,1fr)}.ops-workspace{display:flex;flex-direction:column}.ops-fleet{border-right:0;border-bottom:1px solid #304457}.fleet-head{padding:14px 15px 9px}.fleet-head h3{margin-bottom:8px}.fleet-filters{padding:0 15px 8px}.fleet-list{display:flex;gap:8px;overflow-x:auto;max-height:none;padding:0 12px 13px}.fleet-card{width:225px;min-width:225px;border:1px solid #2c4152;padding:11px}.fleet-footer{display:none}.ops-bottom{grid-template-columns:1fr}.operations-map{height:380px}.ops-map-toolbar{padding:10px 12px}.trip-inspector{padding:15px}.map-legend{font-size:8px;gap:10px}.login-intro{display:none}.login-page{padding:10px}.login-container{width:100%}.login-card{padding:28px}.ops-footnote{align-items:start;line-height:1.7}.trip-inspector-head{flex-wrap:nowrap}.history-summary{grid-template-columns:1fr}.ops-map-toolbar{gap:8px}.simulation-tag{font-size:7px}.trip-small-actions{flex-direction:column}.workspace-mode{font-size:8px}.ops-metric strong{font-size:26px}.ops-heading p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.operations-map .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.68) saturate(.55)}
.simulation-paused .ops-truck.moving:after{animation-play-state:paused}
.main-content{min-width:0}.ops-workspace{max-width:100%}.fleet-list{min-width:0}.trip-inspector{min-width:0}@media(max-width:768px){.fleet-list{width:100%;max-width:100%}}

.playback-controls button,.playback-controls select{white-space:nowrap;flex-shrink:0}.sidebar-close{display:none}.sidebar-backdrop{position:fixed;inset:0;background:#02080eb8;z-index:90;border:0}.sidebar-backdrop[hidden]{display:none}@media(max-width:768px){.metric-bars{display:none}.sidebar-close{display:block;background:none;color:#bfd1df;border:0;margin-left:auto;padding:5px}.sidebar{width:245px}}

@media(min-width:769px){.fleet-list{flex:1;min-height:0;height:0;max-height:none}}

.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card .value{font-size:26px}.compact-alerts{border:1px solid #344657;border-radius:10px;background:#15212e;padding:15px 18px}.compact-alerts summary{cursor:pointer;margin-bottom:0;font-size:12px;display:flex;gap:10px;align-items:center}.compact-alerts summary span{margin-left:auto;font-size:10px;font-weight:400;color:#8cadbf}.compact-alerts[open] summary{margin-bottom:15px}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:769px){.ops-workspace{height:650px}.ops-map-side{display:flex;flex-direction:column;min-height:0}.ops-map-canvas{flex:1;min-height:0}.operations-map{height:100%}.trip-inspector{flex-shrink:0}.ops-map-toolbar{flex-shrink:0}}@media(min-width:1700px){.ops-workspace{height:740px}}
#togglePlayback{min-width:100px}
@media(min-width:769px){.ops-map-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}}
@media(min-width:769px){.ops-workspace{grid-template-rows:minmax(0,1fr)}.ops-fleet{min-height:0;overflow:hidden}}