.duotone .icon-tint{fill:currentColor;opacity:.23}.duotone .icon-accent{fill:#fecc16}.duotone .icon-hole{fill:var(--sidebar)}.sidebar nav a{padding:9px 12px;gap:12px}.sidebar nav .icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#1a9a9b18;color:#61c9be;border:1px solid #60c9bd17}.sidebar nav .ui-icon{width:25px;height:25px}.sidebar nav a.active .icon{background:#1a292718;border-color:#2436300a;color:#172d25}.sidebar nav a.active .icon-hole{fill:#fecc16}.sidebar nav a:not(.active):hover .icon{background:#1a9a9b35;color:#fecc16}.nav-collapsed .sidebar nav a{padding:9px 3px}.nav-collapsed .sidebar nav .icon{width:39px;height:39px}.graphic-kpi{display:flex;justify-content:space-between;align-items:center;gap:13px;min-height:147px;border-radius:13px;padding:23px;border:1px solid #dbe6e0;background:white;color:#22342c;text-align:left;font:inherit;box-shadow:0 4px 20px #0b322704;transition:transform .18s,box-shadow .18s;cursor:pointer}.graphic-kpi:hover{transform:translateY(-3px);box-shadow:0 10px 25px #19382c15}.graphic-kpi>div>small{font-size:11px;display:block}.graphic-kpi strong{font-size:34px;line-height:1.1;display:block;margin:10px 0}.graphic-kpi em{font-style:normal;font-size:11px;font-weight:400;margin-left:7px;opacity:.7}.graphic-kpi>div>span{font-size:9px;opacity:.75}.graphic-kpi.fleet{background:#172b24;color:white;border:0}.graphic-kpi.connected{background:#168e8e;color:white;border:0}.fleet-mosaic{display:grid;grid-template-columns:repeat(5,9px);gap:4px;flex-shrink:0;max-height:95px;overflow:hidden}.fleet-mosaic i{width:9px;height:9px;background:#fecc16;border-radius:2px}.mini-ring{width:87px;height:87px;padding:9px;background:conic-gradient(#fecc16 var(--ratio),#ffffff29 0);border-radius:50%;flex-shrink:0}.mini-ring>span{height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#168e8e;font-weight:bold;font-size:18px!important;opacity:1!important}.mini-ring small{font-size:10px;font-weight:400;margin-left:2px}.gps-ring{background:conic-gradient(#1a9a9b var(--ratio),#e7eeea 0)}.gps-ring>span{background:white;color:#1a9a9b}.alarm-fraction{width:76px;flex-shrink:0}.alarm-fraction>b{display:block;font-size:20px;color:#ab7f16;margin-bottom:8px}.alarm-fraction>div{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.alarm-fraction i{height:8px;background:#e8eeea;border-radius:2px}.alarm-fraction i.marked{background:#fecc16}.state-explainer{padding:20px 23px 12px}.state-headline{display:flex;align-items:center;gap:15px;margin-bottom:14px}.state-headline>strong{font-size:30px;color:#1a8f85;white-space:nowrap}.state-headline strong small{font-size:16px;color:#91a197;font-weight:400}.state-headline>span{font-size:11px;color:#6f8579;max-width:135px}.state-strip{height:12px;border-radius:10px;overflow:hidden;display:flex;gap:2px;margin-bottom:15px;background:#f1f5f2}.state-strip span{height:100%}.state-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf2ee;color:#293e32}.state-row:last-child{border:0}.state-row>i{width:8px;height:25px;border-radius:4px;flex-shrink:0}.state-row>div{flex:1}.state-row strong{display:block;font-size:11px}.state-row small{display:block;font-size:9px;color:#819388;margin-top:1px;font-weight:400}.state-row>b{font-size:17px;text-align:right}.state-row>span{color:#96aca0;font-size:12px}.state-row:hover{background:#f7faf7;border-radius:5px}.state-explainer>p{font-size:9px;color:#95a59b;text-align:center;margin:10px 0 0}.notification-dialog{width:min(760px,94vw)}.notification-totals{padding:20px 25px;display:flex;gap:20px;align-items:center;border-bottom:1px solid #eaf0ed}.notification-totals>span{font-size:12px;color:#6f8278}.notification-totals b{font-size:23px;color:#243f30;margin-right:4px}.notification-totals>small{margin-left:auto;font-size:10px;color:#89998f;max-width:175px}.notification-list{max-height:52vh;overflow:auto;padding:5px 25px}.notification-row{display:flex;align-items:center;width:100%;gap:13px;background:none;border:0;border-bottom:1px solid #e9f0eb;padding:17px 0;text-align:left;color:#2a4133}.notification-row:hover{background:#f5f8f5}.notification-symbol{color:#a98c41;background:#fff7df;border-radius:10px;padding:10px;display:grid;place-items:center}.notification-row.current .notification-symbol{background:#fceee8;color:#b75843}.notification-row>span:nth-child(2){flex:1}.notification-row strong{font-size:13px;display:block}.notification-row small{font-size:10px;color:#87998d;display:block;margin-top:4px}.notification-row>span:last-child{font-size:17px;color:#839c89}.notification-row .badge{font-size:9px}.compact-hero{padding:18px 26px;min-height:165px;grid-template-columns:1fr .8fr 1fr}.compact-hero .asset-identity h2{font-size:28px;margin:0}.compact-hero .asset-identity p{margin:4px 0 10px;font-size:10px}.compact-hero .asset-actions{margin-top:12px}.compact-hero .hero-machine{max-width:190px;padding:4px 9px;border-width:4px;overflow:hidden;border-radius:80px}.compact-hero .hero-machine .machine-image{height:100px}.compact-hero .hero-hours strong{font-size:29px}.hero-alarm{background:transparent;border:0;padding:0;cursor:pointer}.compact-hero .hero-alarm{font-size:10px;margin-top:12px}.dial-card{padding:15px 18px 18px;position:relative}.dial-card .gauge-ring{margin:10px auto -9px}.dial-info{font-size:11px;position:absolute;right:12px;bottom:13px;color:#9daf9f}.more-signals{border:1px solid #dce8df;border-radius:10px;background:#fff;margin-bottom:17px}.more-signals summary{padding:16px 20px;font-size:12px;color:#458774;cursor:pointer}.compact-signals{grid-template-columns:repeat(3,1fr)}.compact-signals>div{padding:14px 10px}.compact-signals strong{font-size:25px}.more-signals .compact-signals{grid-template-columns:repeat(4,1fr)}.overview-charts{grid-template-columns:minmax(310px,.9fr) minmax(0,1.6fr)}.fleet-mosaic:empty::after{content:'—';color:#fecc16}
@media(max-width:1350px){.graphic-kpi{padding:18px 15px;gap:10px}.mini-ring{width:68px;height:68px;padding:7px}.mini-ring>span{font-size:14px!important}.graphic-kpi strong{font-size:28px}.fleet-mosaic{grid-template-columns:repeat(4,8px);gap:3px}.fleet-mosaic i{width:8px;height:8px}.alarm-fraction{width:58px}}
@media(max-width:1100px){.graphic-kpis{grid-template-columns:repeat(2,1fr)}.graphic-kpi{min-height:130px;padding:20px}.mini-ring{width:80px;height:80px}.fleet-mosaic{grid-template-columns:repeat(5,9px);gap:4px}.fleet-mosaic i{width:9px;height:9px}.overview-charts{grid-template-columns:1fr 1.2fr}.state-explainer{padding:16px}.state-headline{gap:12px}}
@media(max-width:760px){.sidebar nav a{padding:8px 10px;gap:7px}.sidebar nav .icon{display:grid;width:26px;height:26px;border:0;background:none}.sidebar nav .ui-icon{width:22px;height:22px}.graphic-kpi{padding:14px 12px;min-height:125px}.graphic-kpi>div>small{font-size:10px}.graphic-kpi strong{font-size:26px}.graphic-kpi em{font-size:9px;display:block;margin:4px 0 0}.graphic-kpi>div>span{font-size:8px}.mini-ring{width:58px;height:58px;padding:6px}.mini-ring>span{font-size:12px!important}.fleet-mosaic{grid-template-columns:repeat(4,7px);gap:3px}.fleet-mosaic i{width:7px;height:7px}.alarm-fraction{width:45px}.overview-charts{grid-template-columns:1fr}.state-row strong{font-size:12px}.state-row small{font-size:10px}.state-explainer{padding:19px}.notification-totals{padding:16px;gap:12px;flex-wrap:wrap}.notification-totals>small{max-width:none;margin-left:0}.notification-list{padding:0 16px}.notification-row{gap:9px}.notification-symbol{padding:7px}.notification-row strong{font-size:11px}.notification-row small{font-size:9px}.compact-hero{grid-template-columns:1fr 1fr;padding:18px}.compact-hero .hero-hours{grid-column:1/-1}.compact-signals{grid-template-columns:repeat(3,1fr);padding:4px 10px}.compact-signals strong{font-size:20px}.compact-signals small{font-size:9px}.compact-signals>div>span:last-child{display:block;margin:4px 0}.more-signals .compact-signals{grid-template-columns:repeat(2,1fr)}}
.map-layout.list-hidden{grid-template-columns:minmax(0,1fr)}.map-layout.list-hidden .map-list{display:none}
.map-list-control{margin-top:44px!important}.standalone-map{overflow:hidden}.standalone-map main{max-width:none!important;padding:0!important;margin:0!important}.standalone-map #page>.panel{margin:0!important;border:0!important;border-radius:0!important}.standalone-map .map-layout{height:100vh;min-height:0}.standalone-map .map-list{max-height:100vh}.standalone-map .map-canvas{height:100vh;min-height:0}.standalone-map-dark{background:#171b1f}.map-only-panel.map-dark .map-list{background:#22282d;border-color:#3b454d}.map-only-panel.map-dark .map-item{background:#22282d;color:#e6ebee;border-color:#3b454d}.map-only-panel.map-dark .map-item:hover,.map-only-panel.map-dark .map-item.selected{background:#29333a}.map-only-panel.map-dark .map-item strong{color:#e6ebee}
.map-only-panel .map-canvas{min-height:620px}.equipment-map-label{border:0!important;border-radius:6px!important;color:#fff!important;font-weight:800!important;font-size:11px!important;padding:4px 7px!important;box-shadow:0 2px 8px #0004!important}.equipment-map-label:before{border-top-color:inherit!important}.equipment-map-label.state-working,.map-state-chip.state-working{background:#168b62!important;border-color:#168b62!important}.equipment-map-label.state-idle,.map-state-chip.state-idle{background:#d89f0a!important;border-color:#d89f0a!important;color:#17211d!important}.equipment-map-label.state-stopped,.map-state-chip.state-stopped{background:#507d9d!important;border-color:#507d9d!important}.equipment-map-label.state-offline,.map-state-chip.state-offline{background:#6f7779!important;border-color:#6f7779!important}.geo-machine.state-working img{filter:drop-shadow(0 0 7px #16ad74)}.geo-machine.state-idle img{filter:drop-shadow(0 0 7px #f4b914)}.geo-machine.state-stopped img{filter:drop-shadow(0 0 7px #5f93b8)}.geo-machine.state-offline{filter:grayscale(1);opacity:.62}.map-state-chip{display:inline-flex;color:#fff;border-radius:12px;padding:3px 8px;font-size:9px;font-weight:700}.map-item{border-left:4px solid transparent}.map-item.state-working{border-left-color:#168b62}.map-item.state-idle{border-left-color:#d89f0a}.map-item.state-stopped{border-left-color:#507d9d}.map-item.state-offline{border-left-color:#6f7779}
.fuel-key{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:10px;color:var(--muted)}.fuel-key span{display:flex;align-items:center;gap:5px}.fuel-key i{width:14px;height:5px;border-radius:3px}.fuel-key i.fresh{background:#179b9b}.fuel-key i.old{background:#a8b6ae}.fuel-key i.missing{background:transparent;border:1px solid #a8b6ae}

.map-live-overview{display:flex;align-items:center;gap:28px;padding:18px 24px;background:#172b24;color:#e2eeea;flex-wrap:wrap}.map-live-overview b{font-size:25px;color:#fecc16;margin-right:6px}.map-live-overview small{margin-left:auto;color:#a8c7be}.bottom-charts canvas{cursor:pointer}.bottom-charts>.panel{min-width:0}.chart-caption{overflow-wrap:anywhere}.panel .chart-caption{padding:0 20px 14px}.quick-dialog .bottom-charts{grid-template-columns:1fr}.graphic-kpi .mini-ring,.fuel-track span{transition:width .5s,background .5s}@media(prefers-reduced-motion:reduce){.graphic-kpi .mini-ring,.fuel-track span{transition:none}}
/* Presentation polish: compact cards, visual alerts, responsive controls. */
.card-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:10px;color:var(--muted)}.card-status-row span{display:flex;align-items:center;gap:6px}.card-status-row b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f3f0;color:#168b8d}.card-status-row small{font-size:9px}.incident{position:relative;min-height:220px}.incident-visual{position:absolute;right:22px;top:48px;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#fdece7;color:#c95645}.incident-visual svg{width:34px;height:34px}.incident-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:10px}.incident-meta code{padding:3px 6px;background:#f0f3f2;border-radius:5px}.field-tools,.date-range,.report-actions{display:flex;align-items:end;gap:9px}.field-tools input{min-width:0;width:100%}.date-range>label{flex:1}.date-range>span{padding-bottom:10px}.report-period{min-width:0}.report-actions{flex-wrap:wrap;margin-top:14px}.range-note{display:block;margin-top:12px;color:var(--muted)}.history-command{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.history-presets{display:flex;gap:5px;flex-wrap:wrap}.history-presets button{border:1px solid var(--line);background:#f4f7f6;padding:9px 13px;border-radius:20px;color:var(--ink)}.custom-range{position:relative}.custom-range summary{list-style:none;border:1px solid var(--line);padding:9px 13px;border-radius:7px;cursor:pointer}.custom-range>div{display:flex;align-items:end;gap:8px;position:absolute;z-index:50;top:46px;right:0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px #0002}.custom-range:not([open])>div{display:none}
@media(max-width:1100px){.studio-columns{grid-template-columns:1fr 1fr!important}.studio-columns fieldset:last-child{grid-column:1/-1}.command-map-row,.command-data-row{grid-template-columns:1fr!important}.attention-panel{min-height:430px}.map-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:1280px){main{padding:20px 22px;max-width:none}.equipment-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.home-brief .graphic-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.home-brief .graphic-kpi{padding:14px;min-height:105px}.home-brief .graphic-kpi strong{font-size:25px}.command-map-row{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr)!important}.command-data-row{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr)!important}.map-canvas{height:560px}.dial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.toolbar .grow{min-width:55%}.incident-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-brief .graphic-kpis{grid-template-columns:1fr 1fr!important}.home-brief .graphic-kpi{padding:11px!important;min-height:88px!important}.home-brief .graphic-kpi strong{font-size:22px!important}.command-map-row{display:block!important}.command-map-row>.panel{margin-bottom:14px}.attention-machine-grid,.notification-machine-grid{grid-template-columns:1fr!important}.studio-columns{grid-template-columns:1fr!important}.studio-columns fieldset:last-child{grid-column:auto}.date-range{flex-direction:column;align-items:stretch}.date-range>span{display:none}.history-command{display:grid;grid-template-columns:1fr}.history-presets{overflow-x:auto;flex-wrap:nowrap}.custom-range>div{position:fixed;inset:auto 12px 12px;display:grid}.equipment-cards{grid-template-columns:1fr!important}.machine-image{height:120px}.incident-grid{grid-template-columns:1fr!important}.map-layout{grid-template-columns:1fr}.map-list{max-height:130px}.map-canvas{height:56vh;min-height:360px}.topbar>div:last-child{gap:5px}.topbar .button{padding:7px 8px;font-size:10px}.page-heading{flex-wrap:wrap}.signal-picker{grid-template-columns:1fr 1fr!important}.compare-grid{grid-template-columns:1fr!important}}
@media(min-width:1900px){main{max-width:2100px}.equipment-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.command-map-row{grid-template-columns:minmax(0,1.65fr) minmax(430px,.75fr)}.map-canvas{height:680px}.comparison-plot{height:340px}}