.resource-metrics{margin:0 0 17px;padding:17px 19px}
.resource-metrics .panel-heading{align-items:center;margin-bottom:12px}
.metrics-state{color:#8490a5;font-size:9px;white-space:nowrap}
.resource-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.resource-metrics-grid>div{min-width:0;border:1px solid #202735;border-radius:8px;background:#0d1119;padding:11px 12px}
.resource-metrics-grid small,.resource-metrics-grid b{display:block}
.resource-metrics-grid small{color:#818ba0;font:8px var(--mono);letter-spacing:.04em;line-height:1.5}
.resource-metrics-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;color:#e1e5ee;font:11px var(--mono)}
.resource-metrics-inline{display:flex;align-items:center;gap:11px;color:#8e98ad;font:9px var(--mono)}
.resource-metrics-inline>span{white-space:nowrap}
.resource-metrics-inline b{color:#c9c1e6;font-weight:500}
.resource-metrics-inline .metrics-state{font:8px var(--font)}
@media(max-width:700px){.resource-metrics{padding:15px}.resource-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-state{font-size:8px}}
@media(max-width:1050px){.resource-metrics-inline{gap:7px}.resource-metrics-inline .metrics-state{display:none}}
@media(max-width:700px){.resource-metrics-inline{display:none}}