/* Brand surface: yellow for identity, teal for measured data, red only for alarms. */
:root{--brand:#168b8d;--ink:#202929;--muted:#778384;--bg:#f2f5f4;--sidebar:#101414;--line:#e1e8e6;--yellow:#fecc16}
.sidebar{background:#101414;width:222px;padding:24px 15px;overflow-y:auto}.shell{margin-left:222px}.brand{justify-content:center}.brand img{width:190px;height:auto;display:block}.workspace{margin:30px 0 26px;font-size:12px}.workspace-icon{color:var(--yellow)}.workspace small{font-size:10px}.nav-label{color:#687d7b;font-size:8px}nav a{color:#9daead}nav a.active{background:var(--yellow);color:#1a2423;box-shadow:none;font-weight:700}nav a.active .icon{color:#1a2423}nav a:hover:not(.active){background:#223131}.sidebar-bottom{font-size:11px}.topbar{height:62px;padding:0 30px}.local-badge{color:var(--brand)}main{padding:24px 30px 16px;max-width:1640px}.page-heading{margin-bottom:10px}h1{font-size:27px}.page-heading p{font-size:12px}.connection{font-size:10px;margin-bottom:20px}.connection.ok::before{background:#1a9a9b;box-shadow:0 0 0 3px #1a9a9b18}.eyebrow{font-size:9px;letter-spacing:1.8px}.panel{box-shadow:0 4px 16px #223c3903;border-radius:12px}.panel-head{padding:18px 21px}.panel-head p{font-size:10px}h2{font-size:16px}.button{border-radius:6px}.button:not(.secondary){background:var(--yellow);color:#1a2524;border-color:var(--yellow)}.button.secondary{font-size:11px}.badge.blue{background:#e9f5f3;color:#187c7a}.badge.teal{background:#e9f5f3;color:#187c7a}.badge{font-size:9px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.visual-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 22px}.visual-kpi{display:flex;align-items:center;gap:18px;border:1px solid var(--line);background:white;border-radius:11px;padding:21px;min-height:125px;position:relative;overflow:hidden}.visual-kpi small{font-size:11px;display:block}.visual-kpi strong{font-size:33px;line-height:1.1;display:block;margin:8px 0 5px;font-weight:700}.visual-kpi p{font-size:10px;opacity:.7}.visual-kpi-icon{display:grid;place-items:center;font-size:25px;border-radius:10px;width:46px;height:46px;flex-shrink:0;background:#eef4f3;color:#1a9a9b}.visual-kpi.fleet{background:#1a2322;border-color:#1a2322;color:white}.visual-kpi.fleet .visual-kpi-icon{background:#fecc16;color:#151d1d}.visual-kpi.connected{background:#1a9a9b;color:white;border-color:#1a9a9b}.visual-kpi.connected .visual-kpi-icon{background:#ffffff20;color:white}.visual-kpi.alerts .visual-kpi-icon{background:#fff5cc;color:#8c7111}.visual-kpi.gps .visual-kpi-icon{background:#e8f4f3;color:#198786}.overview-charts{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(0,1.6fr);gap:22px;align-items:stretch}.overview-charts>.panel{margin-bottom:20px}.donut-block{display:flex;align-items:center;justify-content:center;gap:27px;padding:26px 22px 12px;min-height:265px}.fleet-donut{width:172px;height:172px;border-radius:50%;padding:22px;flex-shrink:0;transform:rotate(-90deg)}.fleet-donut>div{width:100%;height:100%;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.fleet-donut strong{font-size:37px;line-height:1.2}.fleet-donut span{font-size:9px;letter-spacing:1px;color:var(--muted)}.donut-legend{font-size:11px;display:grid;gap:13px;min-width:120px}.donut-legend>div{display:flex;align-items:center;gap:17px;justify-content:space-between}.donut-legend span{display:flex;gap:8px;align-items:center}.donut-legend i{width:8px;height:8px;border-radius:2px;flex-shrink:0}.chart-caption{font-size:9px;color:var(--muted);text-align:center;margin:0 12px 18px}.trend-controls{display:flex;align-items:center;gap:9px;padding:12px 20px 0}.trend-controls select{border:0;background:#f3f6f5;padding:6px 9px;font-size:11px}.trend-controls .pill-link{margin-left:auto;font-size:10px}.range-switch{display:flex;gap:2px;padding:3px;background:#f1f5f4;border-radius:6px}.range-switch button{border:0;border-radius:4px;background:none;color:#677977;padding:5px 10px;font-size:10px}.range-switch button.selected{background:#fecc16;color:#202929;font-weight:bold}.trend-plot{height:220px;position:relative;padding:10px 19px 0}.plot-message{position:absolute;inset:0;display:grid;place-items:center;background:#ffffffed;color:var(--muted);font-size:12px;text-align:center;padding:18px}.plot-message[hidden]{display:none}.trend-summary{display:flex;align-items:center;gap:18px;padding:12px 22px;font-size:9px;color:var(--muted);border-top:1px solid #f1f5f3}.trend-summary strong{margin-left:auto;font-size:17px;color:#188d8c;white-space:nowrap}.trend-summary strong small{font-size:10px;font-weight:400}.fleet-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 0 16px}.fleet-section-heading h2{margin-top:3px}.equipment-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.equipment-card{display:block;color:var(--ink);background:white;border:1px solid var(--line);border-radius:12px;padding:16px 18px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.equipment-card:hover{transform:translateY(-4px);border-color:#88bfbb;box-shadow:0 9px 22px #193d3810}.machine-card-top{display:flex;align-items:center;justify-content:space-between}.model-tag{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#6c7c7b}.signal-dot{width:7px;height:7px;border-radius:50%;background:#b8c4c5;box-shadow:0 0 0 3px #b8c4c519}.signal-dot.online{background:#1a9a9b;box-shadow:0 0 0 3px #1a9a9b18}.machine-image{display:block;width:100%;height:105px;object-fit:contain;margin:6px auto 11px}.machine-card-title{display:flex;justify-content:space-between;align-items:center}.machine-card-title h3{font-family:Raleway,sans-serif;font-size:17px;margin:0}.machine-card-title>span{font-size:16px;color:#658e89}.alarm-count{background:#fff4d1;color:#8a7020;border-radius:4px;font-size:10px;padding:3px 6px}.machine-state{margin-top:7px;min-height:25px}.machine-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:13px;padding-top:12px;border-top:1px solid #eef2f1;gap:10px}.machine-metrics small{display:block;font-size:9px;color:#83918f}.machine-metrics strong{font-size:16px}.machine-metrics em{font-style:normal;font-size:10px;color:#84928f}.fuel-track{height:5px;background:#eaf0ee;border-radius:8px;overflow:hidden;margin-top:12px}.fuel-track span{display:block;height:100%;border-radius:8px;transition:width .4s}.card-foot{display:flex;justify-content:space-between;font-size:8px;color:#879491;margin-top:9px;gap:6px}.bottom-charts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fuel-comparison{padding:8px 21px 15px}.fuel-bar-row{display:flex;align-items:center;gap:16px;margin:13px 0;color:var(--ink)}.fuel-bar-row>strong{font-size:11px;width:67px;flex-shrink:0}.fuel-bar-row>div{flex:1}.fuel-bar-row .fuel-track{height:9px;margin:0 0 2px}.fuel-bar-row small{font-size:8px;color:var(--muted)}.fuel-bar-row>b{width:47px;font-size:13px;text-align:right}.fuel-bar-row>b small{margin-left:2px}.compact-alert{display:flex;align-items:center;gap:11px;padding:14px 20px;border-bottom:1px solid #edf1ef;color:var(--ink)}.compact-alert:last-child{border:0}.alert-symbol{background:#fff4cc;color:#98771c;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.alert-symbol.current{color:#b44a3e;background:#faede8}.compact-alert strong{font-size:12px}.compact-alert p{font-size:10px;color:var(--muted);margin:0}.compact-alert>small{margin-left:auto;font-size:9px;color:var(--muted);text-align:right}.compact-alert>span:last-child{font-size:13px;color:#8ba19b}.data-notes{font-size:11px;color:var(--muted);padding:10px 0}.data-notes summary{cursor:pointer;list-style:none}.data-notes p{font-size:11px;line-height:1.8;max-width:950px;padding:8px 0}.asset-hero{background:#162322;color:white;border-radius:13px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:26px 30px;gap:24px;margin-bottom:22px;border-bottom:3px solid #fecc16}.asset-identity>.eyebrow{color:#72c7be}.asset-identity h2{font-size:33px;color:white;margin:5px 0}.asset-identity p{font-size:11px;color:#9db4ae;margin-bottom:14px}.asset-actions{display:flex;gap:7px;margin-top:18px}.asset-actions .button{font-size:10px;padding:8px 12px}.asset-actions .secondary{background:#ffffff0c;color:#c2d8d1;border-color:#4c6560}.hero-machine{background:white;border-radius:100px;padding:9px 15px;max-width:240px;margin:auto;width:100%;border:8px solid #223733}.hero-machine .machine-image{height:142px;margin:0}.hero-hours{padding-left:20px;border-left:1px solid #ffffff20}.hero-hours>small{font-size:9px;color:#8eafa5;letter-spacing:1.5px}.hero-hours strong{font-size:30px;display:block;color:#fecc16;margin:8px 0 2px}.hero-hours em{font-size:15px;font-style:normal}.hero-hours>span{font-size:10px;color:#a0b7b0}.hero-alarm{font-size:11px;margin-top:22px;color:#ddc56b}.dial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.dial-card{background:white;border:1px solid var(--line);border-radius:12px;padding:19px;text-align:center}.dial-card>small:first-child{font-weight:bold;font-size:12px}.gauge-ring{width:143px;height:143px;background:conic-gradient(from 225deg,var(--gauge-color) 0%,var(--gauge-color) calc(var(--percent) * .75),#ecf1ef calc(var(--percent) * .75),#ecf1ef 75%,transparent 75%);padding:12px;margin:18px auto -9px;border-radius:50%}.gauge-ring>div{width:100%;height:100%;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.gauge-ring strong{font-size:25px}.gauge-ring span{font-size:11px;color:var(--muted)}.dial-card p{font-size:9px;color:var(--muted);margin:7px 0 6px}.scale-label{font-size:8px;color:#94a09d}.compact-signals{display:grid;grid-template-columns:repeat(4,1fr);padding:5px 20px}.compact-signals>div{padding:17px 10px;border-bottom:1px solid #eef2f0}.compact-signals small{display:block;font-size:10px;color:var(--muted)}.compact-signals strong{display:block;font-size:22px;margin:5px 0}.compact-signals em{font-size:10px;font-weight:400;font-style:normal;color:var(--muted)}.compact-signals>div>span:last-child{font-size:8px;color:var(--muted);margin-left:5px}footer{font-size:9px;margin-top:10px}
@media(min-width:1500px){.donut-block{gap:35px}.fleet-donut{width:192px;height:192px;padding:25px}.visual-kpi{padding:25px}.trend-plot{height:240px}.machine-image{height:130px}}
@media(max-width:1200px){.donut-block{flex-direction:column;gap:17px;padding:20px 18px 10px;min-height:0}.fleet-donut{width:140px;height:140px;padding:18px}.donut-legend{display:grid;grid-template-columns:1fr 1fr;width:100%;font-size:9px;gap:8px}.donut-legend>div{gap:10px}.donut-legend>div:last-child{grid-column:1/-1}.chart-caption{margin:12px}.visual-kpi{gap:10px;padding:17px 13px}.visual-kpi-icon{width:33px;height:33px;font-size:20px}.visual-kpi small{font-size:10px}.visual-kpi p{font-size:9px}.equipment-cards{gap:12px}.equipment-card{padding:14px}.machine-image{height:92px}.machine-metrics strong{font-size:14px}.card-foot{flex-direction:column;gap:1px}.asset-hero{padding:22px;gap:15px}.hero-hours strong{font-size:25px}.hero-machine .machine-image{height:110px}.asset-actions{flex-wrap:wrap}}
@media(max-width:1000px){.equipment-cards{grid-template-columns:repeat(2,1fr)}.machine-image{height:125px}.card-foot{flex-direction:row}.visual-kpis{gap:10px;grid-template-columns:repeat(2,1fr)}.visual-kpi{padding:18px;min-height:100px}.visual-kpi-icon{width:42px;height:42px}.overview-charts{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:15px}.trend-controls{flex-wrap:wrap;padding:10px}.trend-controls .pill-link{display:none}.bottom-charts{gap:15px}.gauge-ring{width:120px;height:120px}.dial-card{padding:13px}.dial-card>small:first-child{font-size:10px}.gauge-ring strong{font-size:22px}.hero-hours{padding-left:12px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:12px 17px}.brand{justify-content:flex-start}.brand img{width:175px}.shell{margin-left:0}.topbar{padding:0 18px;height:44px}main{padding:20px 16px}.page-heading p{font-size:11px}.overview-charts{grid-template-columns:1fr}.donut-block{flex-direction:row;justify-content:space-evenly;padding:20px}.donut-legend{display:grid;grid-template-columns:1fr;max-width:150px;gap:12px;font-size:11px}.donut-legend>div:last-child{grid-column:auto}.chart-caption{font-size:9px}.trend-controls{padding:10px 20px;flex-wrap:nowrap}.trend-controls .pill-link{display:block}.bottom-charts{grid-template-columns:1fr}.equipment-cards{gap:12px}.asset-hero{grid-template-columns:1fr 1fr;padding:20px;gap:16px}.hero-hours{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff20;padding:15px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-hours strong{font-size:24px;margin:0}.hero-alarm{margin:0}.dial-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gauge-ring{width:145px;height:145px}.compact-signals{grid-template-columns:repeat(2,1fr)}.fleet-section-heading .eyebrow{font-size:8px}.fleet-section-heading h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}