.status-active{color:var(--green);background:rgba(69,219,130,.1)}
.status-failed{color:var(--red);background:rgba(255,95,109,.1)}
.status-unknown,.status-unavailable,.status-inactive,.status-stale{color:var(--orange);background:rgba(255,147,68,.1)}
.ops-topbar-right.is-degraded{color:var(--orange)}
.ops-topbar-right.is-degraded .live-dot{background:var(--orange);box-shadow:0 0 0 5px rgba(255,147,68,.1)}
.vps-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.resource-card,.vps-status-card{display:block;min-width:0;background:#0e141a;padding:20px;color:var(--text);position:relative}
.resource-card:before,.vps-status-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}
.resource-card.warning:before{background:var(--yellow)}
.resource-card.critical:before,.vps-status-card.critical:before{background:var(--red)}
.resource-card.unknown:before{background:var(--muted)}
.resource-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.resource-card-head span,.vps-status-card>span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:8px;font-weight:850}
.resource-card-head b,.vps-status-card>b{display:block;margin-top:5px;font:950 26px ui-monospace,monospace}
.resource-card small,.vps-status-card small{display:block;color:var(--muted);font-size:8px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-meter{height:6px;background:#070b0f;margin-top:12px;overflow:hidden}
.resource-meter i{display:block;height:100%;background:var(--green);transition:width .35s ease}
.resource-card.warning .resource-meter i{background:var(--yellow)}
.resource-card.critical .resource-meter i{background:var(--red)}
.vps-status-card:hover{background:#141c24}
.infrastructure-row{grid-template-columns:1.45fr .55fr}
.service-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.service-card{display:grid;grid-template-columns:1fr auto;align-items:start;gap:7px;background:#141c24;padding:13px;border-left:2px solid var(--muted)}
.service-card.healthy{border-left-color:var(--green)}
.service-card.critical{border-left-color:var(--red)}
.service-card b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.service-card span.mono{display:block;color:var(--muted);font-size:7px;margin-top:3px}
.service-card small{grid-column:1/-1;color:var(--muted);font-size:8px}
.host-brief dl,.detail-list{margin:0;display:grid;gap:1px;background:var(--line)}
.host-brief dl div,.detail-list div{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#141c24;padding:11px 12px}
.host-brief dt,.detail-list dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.host-brief dd,.detail-list dd{margin:0;text-align:right;font-size:10px}
.platform-metrics{margin-top:1px}
.host-identity{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px;border:1px solid var(--line);background:#0e141a;margin-bottom:1px}
.host-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font:800 8px ui-monospace,monospace}
.host-identity h3{font-family:"Arial Narrow","Roboto Condensed",sans-serif;text-transform:uppercase;font-size:34px;margin:4px 0 2px}
.host-identity p{margin:0;color:var(--muted);font-size:9px}
.host-live{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;border:1px solid var(--line);background:#141c24;padding:13px 16px;min-width:230px}
.host-live .live-dot{grid-row:1/3}
.host-live.critical .live-dot{background:var(--red);box-shadow:0 0 0 5px rgba(255,95,109,.1)}
.host-live b{font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.host-live small{font-size:8px;color:var(--muted)}
.vps-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.vps-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1px}
.services-panel{margin-top:1px}
.service-table td:first-child small{display:block;color:var(--orange);font-size:7px;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}
.service-substate{color:var(--muted);font-size:8px;text-transform:uppercase}
.service-row.critical td{background:rgba(255,95,109,.025)}
.worker-stale td{background:rgba(255,147,68,.025)}
.heartbeat{display:inline-block;color:var(--green);font-size:8px;margin-top:5px}
.heartbeat.late{color:var(--orange)}
@media(max-width:1100px){.vps-summary-grid{grid-template-columns:1fr 1fr}.infrastructure-row{grid-template-columns:1fr}.vps-resource-grid{grid-template-columns:1fr 1fr}.vps-resource-grid .resource-card:last-child{grid-column:1/-1}}
@media(max-width:700px){.vps-summary-grid,.vps-resource-grid,.vps-detail-grid{grid-template-columns:1fr}.vps-resource-grid .resource-card:last-child{grid-column:auto}.service-card-grid{grid-template-columns:1fr}.host-identity{display:block}.host-live{margin-top:16px;min-width:0}.host-identity h3{font-size:28px}}
.release-governance-table{min-width:1180px}.catalog-inspector{min-width:260px}.catalog-inspector summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:var(--panel2);list-style:none}.catalog-inspector summary::-webkit-details-marker{display:none}.catalog-inspector summary b{color:var(--cyan);font-size:10px}.catalog-inspector summary span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.catalog-inspector>div{display:grid;gap:6px;margin-top:6px}.catalog-inspector article{display:grid;grid-template-columns:1fr auto;gap:2px 10px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--bg)}.catalog-inspector article b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text)}.catalog-inspector article span,.catalog-inspector article small{color:var(--muted);font-size:8px}.catalog-inspector article small{grid-column:1/-1}.catalog-inspector footer{margin-top:6px;color:var(--yellow);font-size:8px}.catalog-inspector footer.published{color:var(--green)}.catalog-missing{display:inline-flex;border:1px dashed var(--line);border-radius:8px;padding:7px 9px;color:var(--muted);font-size:9px}
