.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.visual-kpi .ui-icon{width:28px;height:28px}.visual-kpi{color:var(--ink);transition:transform .15s,box-shadow .15s}.visual-kpi:hover{transform:translateY(-3px);box-shadow:0 9px 24px #193a301a}.kpi-arrow{margin-left:auto;font-size:18px;opacity:.6}.nav-actions{display:flex;gap:10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:0;padding:7px;color:var(--ink);border-radius:6px;font-size:11px}.icon-button:hover{background:#edf3f1}.icon-button b{background:#fecc16;color:#1c2827;border-radius:20px;font-size:10px;padding:1px 5px}.topbar{gap:15px}.topbar>#breadcrumb{margin-right:auto}.icon-button[hidden]{display:none}.sidebar,.shell{transition:width .2s,margin-left .2s}.nav-collapsed .sidebar{width:78px;padding:24px 9px}.nav-collapsed .shell{margin-left:78px}.nav-collapsed .sidebar nav a{font-size:0;padding:12px;justify-content:center}.nav-collapsed .sidebar nav .icon{font-size:18px}.nav-collapsed .workspace,.nav-collapsed .nav-label,.nav-collapsed .sidebar-bottom{display:none}.nav-collapsed .brand img{width:62px}.nav-collapsed nav{margin-top:30px}.home-fleet-scroll{overflow:auto;margin-bottom:23px;scroll-snap-type:x proximity;padding:5px 2px 10px}.home-fleet-scroll .equipment-cards{display:flex;gap:18px;margin:0}.home-fleet-scroll .equipment-card{min-width:240px;max-width:290px;flex:1 0 24%;scroll-snap-align:start}.home-fleet-scroll .equipment-card:hover{transform:translateY(-2px)}.fleet-section-heading .chart-caption{text-align:left;margin:6px 0 0}.fuel-comparison,.compact-alerts{max-height:360px;overflow:auto}.donut-legend small{font-size:9px;color:#71817d}.donut-legend{min-width:190px}.quick-dialog{padding:0;border:1px solid #dbe7e2;border-radius:16px;width:min(760px,94vw);max-height:90vh;color:#20332d;box-shadow:0 30px 100px #0005}.quick-dialog::backdrop{background:#061b17a6;backdrop-filter:blur(4px)}.quick-head{display:flex;justify-content:space-between;align-items:center;background:#152b25;padding:20px 25px;color:white}.quick-head small{font-size:10px;color:#fecc16;letter-spacing:2px}.quick-head h2{font-size:25px;margin-top:4px}.quick-body{display:flex;align-items:center;gap:20px;padding:20px 25px}.quick-body>img{width:155px;height:110px;object-fit:contain}.quick-body small{font-size:11px;color:#7a8984}.quick-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 25px 20px}.quick-metrics>div{background:#f3f7f5;padding:13px;border-radius:9px}.quick-metrics small{font-size:10px;color:#647c72}.quick-metrics strong{display:block;font-size:23px;margin:4px 0}.quick-metrics em{font-size:11px;font-style:normal;font-weight:400}.quick-metrics p{font-size:9px;color:#7b8d84}.quick-actions{display:flex;gap:9px;flex-wrap:wrap;padding:15px 0 0}.quick-dialog>.quick-actions{padding:0 25px 24px}.quick-dialog>.notice{margin:0 25px 20px}.incident-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.incident{background:white;border:1px solid #dfe8e4;border-top:4px solid #a6bab2;border-radius:12px;padding:20px}.incident.current{border-top-color:#cf5243}.incident.old{border-top-color:#dfb844}.incident-heading{display:flex;align-items:center;gap:7px;color:#84978e;font-size:9px;letter-spacing:.5px}.incident-heading small{margin-left:auto;white-space:nowrap;letter-spacing:0}.incident.current .incident-heading{color:#b95143}.incident h2{margin:16px 0 7px}.incident h3{font-size:12px;margin:5px 0}.incident p{font-size:11px;color:#758980}.incident-reason{background:#f4f7f5;padding:12px;font-size:11px;line-height:1.6;margin:14px 0;border-radius:7px}.incident .button{font-size:10px;padding:8px 10px}.alert-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.summary-tile{border:1px solid #dfe8e4;background:white;border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px}.summary-tile strong{font-size:30px}.summary-tile span{font-size:11px;color:#6c7f75}.summary-tile.red{background:#fff1ee;color:#b54b3c}.summary-tile.amber{background:#fff8db;color:#967521}.summary-tile.teal{background:#e4f4ef;color:#19857a}.maintenance-hours{margin:16px 0}.maintenance-hours strong{display:block;font-size:26px;color:#1a9a9b}.maintenance-hours small{font-size:10px;color:#81958a}#alarm-toast{position:fixed;right:25px;bottom:25px;display:flex;gap:14px;align-items:center;background:#fff6df;border:1px solid #e2c766;box-shadow:0 10px 30px #17332926;padding:19px;border-radius:12px;z-index:9999;font-size:13px}#alarm-toast[hidden]{display:none}#alarm-toast button{background:none;border:0}.geo-machine{background:#fff;border:2px solid #1a9a9b;border-radius:7px;box-shadow:0 3px 6px #0003}.geo-machine img{width:100%;height:100%;object-fit:contain}.geo-machine.old{border-color:#9facaa;filter:grayscale(.8)}.geo-cluster{background:#163b32;border:3px solid #fecc16;border-radius:50%;color:white;display:grid;place-items:center;box-shadow:0 2px 7px #0003;font-size:13px}.map-item>span{display:flex;align-items:center;gap:8px}.map-item .ui-icon{color:#1a9a9b}.track-controls{padding:18px 22px;margin:0}.track-playback{display:flex;gap:15px;align-items:center;padding:0 22px 20px;font-size:11px;color:#6f8579}.track-playback input{width:45%;accent-color:#1a9a9b}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.signal-picker{display:flex;flex-wrap:wrap;gap:12px}.signal-picker label{display:flex;align-items:center;gap:7px;background:white;padding:9px 12px;border:1px solid #dbe6e1;border-radius:8px;font-size:11px}.signal-picker i{width:8px;height:8px;border-radius:50%}.signal-picker input{accent-color:#1a9a9b}.comparison-plot{height:270px;padding:18px}.comparison-stats{display:flex;gap:20px;padding:12px 20px;border-top:1px solid #edf2ef;font-size:11px;color:#829187}.comparison-stats b{color:#29493a}.report-bars{max-height:330px;overflow:auto;padding:10px 20px}.report-bars button{width:100%;border:0;background:none;cursor:pointer}.text-button{border:0;background:none;color:#12877d;font-weight:bold}.report-bars .fuel-track{height:11px}
@media(max-width:1200px){.incident-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-legend{min-width:150px}.topbar{padding:0 18px}.topbar>div{gap:10px}}
@media(max-width:760px){.incident-grid,.compare-grid{grid-template-columns:1fr}.alert-summary{gap:8px}.summary-tile{padding:12px;flex-wrap:wrap;gap:6px}.summary-tile strong{font-size:23px}.summary-tile .ui-icon{display:none}.summary-tile span{font-size:9px}.quick-metrics{grid-template-columns:repeat(2,1fr);padding:0 16px 16px}.quick-body{padding:16px}.quick-body>img{width:110px}.quick-head{padding:16px}.topbar>#breadcrumb{display:none}.topbar{height:auto;min-height:50px;flex-wrap:wrap;padding:6px 12px}.nav-collapsed .sidebar{width:100%;padding:12px}.nav-collapsed .shell{margin-left:0}.nav-collapsed .brand img{width:175px}.nav-collapsed nav{margin-top:15px}.nav-collapsed .sidebar nav a{font-size:12px}.track-playback{flex-direction:column;align-items:stretch}.track-playback input{width:100%}.home-fleet-scroll .equipment-card{min-width:230px}.donut-block{gap:15px}}
.live-indicator{display:flex;align-items:center;gap:8px;align-self:center;color:#177f72;font-size:10px;font-weight:800;letter-spacing:.8px}.live-indicator i{width:9px;height:9px;border-radius:50%;background:#18a294;box-shadow:0 0 0 5px #18a29418;animation:live-pulse 2s infinite}@keyframes live-pulse{50%{box-shadow:0 0 0 9px #18a29405}}.quick-dialog>.quick-alert-action{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 25px 10px;width:calc(100% - 50px);padding:11px}.quick-alert-action .ui-icon,.quick-actions .ui-icon{width:17px;height:17px}.quick-dialog>.quick-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr;padding-top:4px}.quick-dialog>.quick-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px}.card-status-row b{font-size:15px;font-weight:800;border:1px solid #cae2dc}.incident .quick-actions{margin-top:18px;padding-top:0}.incident .quick-actions>*{flex:1;text-align:center}.history-command.wide{padding:18px;gap:14px}.signal-picker.wide{grid-template-columns:repeat(3,minmax(190px,1fr))!important;gap:10px!important}.signal-picker.wide label{min-height:48px}.report-chart-grid .chart-caption{min-height:18px}.studio-columns{gap:32px!important}.selection-list{max-height:340px!important}
.notification-guidance{margin:12px 0 0;padding:10px;border-radius:8px;background:#f2f6f3;color:#526c60;font-size:10px;line-height:1.5;text-align:left}.history-range-summary{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:15px 20px;background:#17382e;color:#dcece5;border-radius:12px}.history-range-summary b{font-size:16px;color:#fecc16}.history-range-summary small{margin-left:auto}.history-ledger{grid-column:1/-1}.history-ledger .table-scroll{max-height:560px}.history-ledger td small,.history-ledger th small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.history-ledger td:first-child{white-space:nowrap}.history-presets button.selected{background:#17382e;color:white;border-color:#17382e}
@media(max-width:760px){.live-indicator{font-size:9px}.quick-dialog>.quick-actions{grid-template-columns:1fr}.quick-dialog>.quick-actions a{width:100%}.quick-dialog>.quick-alert-action{margin-inline:16px;width:calc(100% - 32px)}.signal-picker.wide{grid-template-columns:1fr!important}.history-command.wide{padding:14px}.toolbar.track-controls{display:grid;grid-template-columns:1fr 1fr}.toolbar.track-controls label,.toolbar.track-controls button{width:100%}}
@media(min-width:1800px){main{max-width:2200px!important}.compare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-picker.wide{grid-template-columns:repeat(4,minmax(210px,1fr))!important}.incident-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media print{.sidebar,.topbar,.page-heading>.button,.live-indicator,.toolbar,#connection,footer,.data-notes{display:none!important}.shell{margin:0!important}main{padding:0}.panel{break-inside:avoid;box-shadow:none}.report-bars{max-height:none}.table-scroll{overflow:visible}body{background:white}.fuel-track{print-color-adjust:exact}.fleet-donut{print-color-adjust:exact}}
/* Avisos emergentes: el estado silenciado queda visible sin agregar texto a la barra. */
.alarm-popup-toggle{position:relative}.alarm-popup-toggle .alarm-popup-slash{display:none;position:absolute;width:24px;height:2px;background:currentColor;transform:rotate(-45deg);border-radius:2px}.alarm-popup-toggle.muted .alarm-popup-slash{display:block}.alarm-popup-toggle.muted{opacity:.68}