body{color:#ddd;background:#15171a;margin:0;font:14px/1.4 system-ui,sans-serif}.page header{border-bottom:1px solid #333;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:8px 16px;display:flex}.page h1{margin:0;font-size:18px}.page nav{white-space:nowrap;gap:8px;display:flex}.page nav a{color:#8ab4f8}.page nav [aria-current]{font-weight:600}.page .builds{margin-left:auto}.page h2{color:#9aa0a6;margin:0;padding:4px 12px 0;font-size:14px}.machines{grid-template-columns:repeat(auto-fit,minmax(560px,1fr));gap:8px;padding:8px;display:grid}.machine,.fleet{border:1px solid #2a2d31;border-radius:4px}.fleet{margin:8px}.widgets{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;gap:4px;padding:4px;display:grid}.page .slot{--head-height:22px;background:#1b1e22;flex-direction:column;min-width:0;display:flex}.widget-head{height:var(--head-height);color:#9aa0a6;white-space:nowrap;border-bottom:1px solid #2a2d31;flex:none;align-items:center;gap:8px;padding:0 6px;font-size:11px;display:flex;overflow:hidden}.widget-head .widget-name{color:#ddd;font-weight:600}.widget-head [data-head=updates]{font-variant-numeric:tabular-nums}.widget-body{flex:1;min-height:0;position:relative}.notice{background:#22262b;border-left:3px solid #edc948;margin:8px;padding:6px 10px}.metrics dl{border-bottom:1px solid #333;flex-wrap:wrap;gap:4px 20px;margin:0;padding:6px 16px;font-size:12px;display:flex}.metrics dl div{gap:6px;display:flex}.metrics dt{color:#999}.metrics dd{font-variant-numeric:tabular-nums;min-width:12ch;margin:0}.responsiveness{border-bottom:1px solid #333;align-items:center;gap:16px;padding:4px 16px;font-size:12px;display:flex}.tape-strip{white-space:nowrap;color:#8ab4f8;flex:1;overflow:hidden}.tape-track{will-change:transform;display:inline-block}.echo input{width:140px}.echo output{color:#aaa;min-width:80px;margin-left:6px;display:inline-block}.badge{font-variant-numeric:tabular-nums;gap:10px;display:inline-flex}.categories{border-bottom:1px solid #333;padding:4px 16px;font-size:12px}.categories table{border-collapse:collapse;margin-top:4px}.categories td,.categories th{text-align:right;font-variant-numeric:tabular-nums;padding:1px 10px 1px 0}.categories td:first-child,.categories th:first-child{text-align:left}.record{border-bottom:1px solid #333;padding:4px 16px;font-size:12px}.record summary{cursor:pointer;color:#8ab4f8}.record pre{white-space:pre-wrap;-webkit-user-select:all;user-select:all}.widget-inner{position:absolute;inset:0;overflow:hidden}:host,.widget{color:#ddd;height:100%;font:12px/1.4 system-ui,sans-serif;display:block}.chart{width:100%;height:100%;display:block;position:absolute;inset:0}.widget-error{color:#e15759;padding:8px}.stress{opacity:0;top:calc(-1 * var(--head-height,24px));height:var(--head-height,24px);z-index:1;background:#1b1e22;align-items:center;gap:2px;display:flex;position:absolute;right:4px}.stress button{padding:1px 4px;font-size:11px}.slot:hover .stress,:host(:hover) .stress,.stress:focus-within{opacity:1}.waiting,.none{color:#888;padding:8px}.gauges{justify-content:space-around;align-items:center;height:100%;display:flex}.gauge{text-align:center;width:32%;margin:0}.gauge svg{width:100%}.gauge .track,.gauge .arc{fill:none;stroke-width:8px}.gauge .track{stroke:#2a2d31}.gauge .arc{stroke:#4e79a7}.gauge .arc.over{stroke:#e15759}.gauge text{fill:#ddd;font-size:16px}.gauge figcaption{color:#9aa0a6;font-size:11px}.health{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:8px;display:grid}.health .score{font-variant-numeric:tabular-nums;font-size:36px;font-weight:600}.health .reasons{color:#9aa0a6;grid-column:1/-1;margin:0;padding-left:16px}.status,.level{text-transform:uppercase;font-size:11px;font-weight:600}.ok{color:#59a14f}.warn{color:#edc948}.alarm,.status.alarm{color:#e15759}.stopped{color:#9aa0a6}.alarms,.events{padding:4px;position:absolute;inset:0;overflow-y:auto}.alarms .alarm{gap:6px;padding:2px 0;display:flex}.alarms .alarm.warn .level{color:#edc948}.alarms .sensor{color:#ddd}.alarms .since{color:#9aa0a6}.event-filter{gap:4px;margin-bottom:4px;display:flex}.event-filter input{flex:1;min-width:0}.event-filter select,.event-filter input{font:inherit;color:#ddd;background:#15171a;border:1px solid #333}.sensors-wrap{position:absolute;inset:0;overflow:auto}.events table,.sensors{border-collapse:collapse;width:100%;font-size:11px}.events td{vertical-align:top;padding:1px 4px}.events td.ts{color:#9aa0a6;white-space:nowrap}.events tr.alarm td:last-child{color:#e15759}.sensors{font-size:10px}.sensors th,.sensors td{text-align:right;font-variant-numeric:tabular-nums;padding:0 3px}.sensors th:first-child{text-align:left;color:#9aa0a6;font-weight:400}.fleet-status{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:3px;height:100%;padding:4px;display:grid}.tile{background:#22262b;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;font-size:11px;display:flex}.tile .name{color:#ddd;font-weight:600}.tile .score{font-variant-numeric:tabular-nums;font-size:16px}.tile.warn{background:#3b3420}.tile.alarm{background:#3f2123}.fleet-power{color:#9aa0a6;padding:8px}.fleet-power .big{color:#ddd;font-variant-numeric:tabular-nums;font-size:32px}.ranking,.bearings{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:11px}.ranking td,.ranking th,.bearings td,.bearings th{text-align:left;padding:0 6px}.alarm-feed{padding:4px;font-size:11px;position:absolute;inset:0;overflow-y:auto}.feed-alarm .ts{color:#9aa0a6}.feed-alarm.alarm{color:#e15759}.feed-alarm.warn{color:#edc948}.feed-alarm.cleared{color:#9aa0a6}.load{padding:4px 6px;font-size:11px}.load-row{grid-template-columns:24px 1fr 40px;align-items:center;gap:4px;display:grid}.load-row .bar{background:#4e79a7;max-width:100%;height:8px}.load-row .pct{text-align:right;font-variant-numeric:tabular-nums}
