/* Recessed two-channel resource display. The LEDs only reflect measured load. */
.resource-deck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 20px;margin:3px 42px 8px 82px;padding:10px 12px 7px;position:relative;background:linear-gradient(135deg,#030b09,#0b1412);border:1px solid #12201d;border-radius:3px;box-shadow:0 0 0 1px #6b7f7540,inset 0 2px 5px #000b;color:#b6c6c1}
.resource-deck:before{content:'';position:absolute;top:0;left:9px;right:9px;height:1px;background:linear-gradient(90deg,transparent,#b8ded221,transparent);pointer-events:none}
.meter-block{min-width:0}.meter-top{display:flex;align-items:baseline;justify-content:space-between;gap:7px;font:9px/1.2 'Courier New',monospace;letter-spacing:.12em;margin-bottom:6px}.meter-top>span{color:#8ea59c}.meter-top output{color:#dbf3e7;font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums;text-shadow:0 0 10px #b7ffd71a;white-space:nowrap}
.meter-leds{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:2px;height:7px;align-items:stretch}
.meter-leds i{display:block;min-width:0;border-radius:1px;background:#17251f;box-shadow:inset 0 1px 0 #ffffff06;transition:background-color .35s,box-shadow .35s}
.meter-leds i.lit{background:#90ff0a;box-shadow:0 0 5px #90ff0a55,inset 0 1px 0 #eaffc899}
.meter-ram i{background:#14262a}.meter-ram i.lit{background:#60dfd6;box-shadow:0 0 5px #60dfd644,inset 0 1px 0 #d4fff799}
.meter-leds i:nth-child(n+25){background:#2c2819}.meter-leds i.lit:nth-child(n+25){background:#f7c35e;box-shadow:0 0 5px #f7c35e55}
.meter-leds i:nth-child(n+30){background:#2b1d1b}.meter-leds i.lit:nth-child(n+30){background:#ff805f;box-shadow:0 0 5px #ff805f55}
.meter-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;margin-top:1px;font:7px/1.4 'Courier New',monospace;letter-spacing:.065em;color:#7e9489}.meter-status{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.meter-status:before{content:'';width:3px;height:3px;border-radius:50%;background:#718478}.resource-deck[data-resource-state=live] .meter-status{color:#aacb9a}.resource-deck[data-resource-state=live] .meter-status:before{background:#90ff0a;box-shadow:0 0 4px #90ff0a44}.resource-deck[data-resource-state=unavailable] .meter-top output{color:#7d8a84}.resource-deck[data-resource-state=unavailable] .meter-leds{opacity:.45}
.resource-description{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.resource-note{font:10px/1.7 'Courier New',monospace;color:#91a69b;margin:17px 15px 0;max-width:680px}.resource-note strong{color:#bdcec3;font-weight:400}
@media(max-width:1200px) and (min-width:901px){.resource-deck{margin-left:62px;margin-right:34px;gap:7px 12px;padding:9px 10px 7px}.meter-leds{gap:1px}.meter-meta{font-size:6.5px}}
@media(max-width:900px){.resource-deck{margin-left:72px;margin-right:38px}}
@media(max-width:620px){.resource-deck{margin:9px 23px 3px;padding:10px 9px 8px;gap:8px 12px}.meter-top{font-size:8px}.meter-top output{font-size:11px}.meter-leds{gap:1px;height:7px}.meter-meta{font-size:6.5px;letter-spacing:0}.resource-note{font-size:9px;margin:15px 8px 0}}
@media(prefers-reduced-motion:reduce){.meter-leds i{transition:none}}