.home-brief{display:grid;grid-template-columns:190px minmax(0,1fr);background:#13342d;border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:0 7px 24px #193b2810}.compact-brand{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px}.compact-brand img{width:70px;height:62px;object-fit:contain;background:white;border-radius:50%;padding:4px}.compact-brand span{font-size:8px;color:#62ccb8;letter-spacing:1px}.compact-brand b{display:block;font-size:14px;color:#fff;line-height:1.3;margin-top:5px}.home-brief .graphic-kpis{margin:0;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));height:100%}.home-brief .graphic-kpi{min-height:112px;border:0;border-left:1px solid #ffffff18;border-radius:0;background:transparent;color:#fff;padding:16px;box-shadow:none;gap:10px}.home-brief .graphic-kpi strong{font-size:29px;margin:7px 0}.home-brief .graphic-kpi>div>small{font-size:11px}.home-brief .graphic-kpi>div>span{font-size:9px;color:#bad5c7}.home-brief .graphic-kpi:hover{transform:none;background:#23594b}.home-brief .mini-ring{width:60px;height:60px;padding:6px}.home-brief .mini-ring>span{font-size:13px!important}.home-brief .fleet-mosaic{grid-template-columns:repeat(5,6px);gap:3px}.home-brief .fleet-mosaic i{width:6px;height:6px}.home-brief .alarm-fraction{width:52px}.home-brief .alarm-fraction>b{color:#fecc16;font-size:17px}.home-brief .alarm-fraction i{background:#ffffff18}.home-brief .alarm-fraction i.marked{background:#fecc16}.reception-disclosure{border:1px solid #d9e5dd;border-radius:12px;background:white;margin-bottom:18px}.reception-disclosure>summary{display:flex;align-items:center;gap:15px;cursor:pointer;padding:12px 18px;font-size:12px;list-style:none;color:#3c6552}.reception-disclosure>summary b{font-size:11px;padding:4px 8px;background:#e7f4ed;border-radius:20px;color:#147f65}.reception-disclosure .disclosure-action{margin-left:auto;font-size:10px}.reception-disclosure .home-reception{border:0;margin:0;padding-top:0;box-shadow:none}.reception-disclosure .home-reception>div:first-child{display:none}.reception-disclosure[open]>summary{border-bottom:1px solid #e9f0eb}.reception-disclosure:not([open])>*:not(summary){display:none}#command-attention{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;align-content:start;background:#f5f8f5;max-height:420px}.attention-machine{border:1px solid #dbe7df;border-top:3px solid #cd6a52;background:#fff;border-radius:12px;padding:13px;text-align:left;color:#315642;min-width:0;transition:box-shadow .2s,transform .2s}.attention-machine:hover{transform:translateY(-2px);box-shadow:0 7px 20px #17403018}.attention-machine.reason-offline,.attention-machine.reason-old{border-top-color:#9bad9f}.attention-machine-head{display:flex;align-items:center;gap:8px}.attention-machine-head img{width:60px;height:50px;object-fit:contain}.attention-machine-head>span{flex:1}.attention-machine-head b{font-size:15px}.attention-machine-head small{display:block;font-size:9px;color:#849481;margin-top:4px}.attention-machine-head>strong{font-size:28px;color:#c16149}.attention-machine svg{width:28px;height:28px;flex:none}.attention-symbols{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.attention-symbols>span{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;background:#fff1ea;border-radius:9px;padding:9px 5px;color:#bc634b;min-width:60px}.attention-symbols b{font-size:10px;font-weight:400;text-align:center}.attention-symbols .offline-symbol{background:#edf2ed;color:#819780}.attention-open{display:flex;justify-content:space-between;font-size:10px;color:#418967;margin-top:12px}.attention-open b{font-size:15px}.attention-panel .panel-head .eyebrow{display:none}.attention-panel .panel-head p{font-size:10px!important}.state-visual{padding:14px 20px;grid-template-columns:.85fr 1.15fr;gap:14px}.state-ring-wrap{height:210px}.state-visual-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.state-visual-legend button{position:relative;border:1px solid #e1e9e2;border-radius:9px;padding:10px 8px;gap:7px;background:#f8fbf8;min-width:0}.state-visual-legend button:last-child{grid-column:1/-1}.state-visual-legend button>i{height:30px;width:5px}.state-visual-legend b{font-size:10px}.state-visual-legend button>span>small{display:none}.state-visual-legend strong{font-size:22px}.state-equipment-strip{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 12px}.state-equipment-strip button{display:flex;gap:5px;align-items:center;padding:5px 7px;background:#f6f8f5;border:1px solid #e0e8de;border-radius:6px;font-size:9px;color:#55745d}.state-equipment-strip i{width:7px;height:7px;background:var(--state-color);border-radius:2px}.home-explained-charts>.panel>.chart-caption{font-size:9px!important;padding-bottom:10px}#command-map.map-night{background:#183832}#command-map.map-night .leaflet-tile-pane{filter:invert(1) hue-rotate(155deg) saturate(.6) brightness(.83)}#command-map.map-night .leaflet-control-zoom a{background:#183c33;color:#d6e9db;border-color:#41694e}#command-map.map-night .leaflet-control-scale-line{background:#183c33df;color:#c5decf;border-color:#769b82}.home-map-buttons .button{font-size:10px;padding:7px 10px}.notification-machine-grid{gap:10px}.notification-machine{padding:12px}.notification-alarm-chips>span{display:flex;flex-direction:column;align-items:center;flex:1;gap:5px;text-align:center}.notification-alarm-chips svg{width:25px;height:25px}.notification-machine>div:first-child small{display:none}.notification-alarm-chips>span small{font-size:8px}.notification-open{display:none}.notification-charts .alarm-visual-summary{padding-top:12px}.notification-charts .alarm-plot{height:160px}.notification-charts .visual-key{padding-top:5px;padding-bottom:8px}.notification-filter{padding-bottom:8px}.notification-machine-grid{max-height:44vh}.alarm-type-buttons{gap:5px}.alarm-type-buttons button{font-size:9px}.command-data-row .panel-head p{font-size:10px!important}
@media(max-width:1200px){.home-brief{grid-template-columns:1fr}.compact-brand{display:none}.home-brief .graphic-kpi{min-height:105px}.state-visual{grid-template-columns:1fr}.state-ring-wrap{height:175px}}
@media(max-width:760px){.home-brief .graphic-kpis{grid-template-columns:1fr 1fr}.home-brief .graphic-kpi{min-height:100px}.home-brief .graphic-kpi strong{font-size:25px}.home-brief .mini-ring{width:50px;height:50px}.reception-disclosure>summary{gap:8px;padding:12px;font-size:11px}.reception-disclosure .disclosure-action{font-size:9px}.state-visual{grid-template-columns:1fr 1fr}.attention-machine-head img{width:45px}.attention-machine-head b{font-size:12px}.attention-machine-head>strong{font-size:23px}}
.state-visual-legend button:last-child{grid-column:auto}.activity-side{display:grid;gap:12px}.activity-rings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.activity-rings>button{display:flex;align-items:center;gap:10px;border:1px solid #dfe9e2;border-radius:10px;background:#fff;padding:9px;text-align:left;color:#315a41}.activity-rings>button>span:last-child{display:grid;gap:3px}.activity-rings small{font-size:9px;color:#74877a}.activity-mini-ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(#179b91 var(--activity-ratio),#e6eeea 0);position:relative}.activity-mini-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.activity-mini-ring b{font-size:10px;z-index:1}.notification-detail-grid{grid-template-columns:1fr 1fr;max-height:58vh;padding-top:18px}.notification-alert-detail{border:1px solid #e0e8e1;border-top:3px solid #cc5d4c;border-radius:12px;padding:14px;background:#fff}.notification-alert-detail.old{border-top-color:#9daf9f}.notification-alert-heading{display:flex;gap:12px;align-items:center}.notification-alert-heading>span:last-child{display:grid;gap:3px}.notification-alert-heading small{font-size:9px;color:#bd5846}.notification-alert-heading b{font-size:14px}.notification-alert-heading em{font-style:normal;font-size:9px;color:#788a7c}.notification-alert-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#fff0ea;color:#bf5d47}.notification-alert-icon svg{width:28px;height:28px}.notification-alert-detail .notification-guidance{margin:12px 0;display:grid;gap:8px}.notification-alert-detail .notification-guidance p{margin:0;padding:10px;background:#f3f7f4;border-radius:8px;font-size:11px;color:#547061}.notification-alert-detail .notification-guidance b{display:block;color:#315a41;margin-bottom:3px}.notification-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.notification-detail-actions .button{text-align:center}
@media(max-width:760px){.state-visual{grid-template-columns:1fr!important}.activity-rings,.notification-detail-grid{grid-template-columns:1fr}.activity-rings>button{justify-content:center}.notification-detail-grid{max-height:62vh}}
.home-explained-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fleet-fuel-plot{height:270px;padding:14px 20px}.notification-overview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 22px 4px}.notification-overview-summary span{display:grid;gap:3px;color:#718275;font-size:10px}.notification-overview-summary b{font-size:23px;color:#bf5a48}.notification-overview-summary span:nth-child(2) b{color:#8d9c91}.notification-overview-summary span:nth-child(3) b{color:#178f81}.home-gps-pin.labeled{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:64px!important;height:42px!important;border-radius:9px}.home-gps-pin.labeled svg{width:22px;height:22px}.home-gps-pin.labeled b{max-width:58px;overflow:hidden;text-overflow:ellipsis;font-size:9px;line-height:1;white-space:nowrap}
@media(max-width:1100px){.home-explained-charts{grid-template-columns:1fr 1fr}}@media(max-width:760px){.home-explained-charts{grid-template-columns:1fr}.fleet-fuel-plot{height:240px}}
.home-gps-pin.labeled{width:48px!important;height:34px!important}.home-gps-pin.labeled svg{width:17px;height:17px}.home-gps-pin.labeled b{font-size:8px}.home-map-panel:fullscreen{display:flex;flex-direction:column;background:var(--bg);padding:10px}.home-map-panel:fullscreen #command-map{flex:1;height:auto!important}.accumulated-chart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px}.accumulated-chart-grid article{border:1px solid #e0e8e1;border-radius:12px;padding:13px;background:#f8fbf9}.accumulated-chart-grid header{display:grid;gap:5px}.accumulated-chart-grid header span{font-size:10px;color:#667b70}.accumulated-chart-grid header strong{font-size:21px;color:#244b3b}.accumulated-chart-grid header small{font-size:10px;font-weight:400}.accumulated-plot{height:95px;position:relative;margin:8px 0}.accumulated-plot>span{position:absolute;inset:0;display:grid;place-items:center;color:#809087;font-size:10px}.accumulated-plot>span[hidden]{display:none}@media(max-width:900px){.accumulated-chart-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.accumulated-chart-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.attention-machine{transition:none}}