.serverStatusPanel{gap:24px;min-width:0;display:grid}.serverStatusToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.serverStatusToolbar button,.serverBackupAction a{min-height:44px}.serverStatusPanel p{overflow-wrap:anywhere}.serverUsageList{border-block:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.serverUsageRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 0;display:grid}.serverUsageRow+.serverUsageRow{border-top:1px solid var(--line)}.serverUsageRow h3{margin:0 0 6px;font-size:1rem}.serverUsageRow strong{margin-bottom:4px;display:block}.serverUsageRow p{color:var(--muted);margin:0}.serverUsageCircle{--usage-color:var(--success);--usage:0%;background:conic-gradient(var(--usage-color) var(--usage), var(--surface-soft) 0);border-radius:50%;flex:0 0 82px;place-items:center;width:82px;height:82px;display:grid;position:relative}.serverUsageCircle:after{content:"";border-radius:inherit;background:var(--surface);position:absolute;inset:7px}.serverUsageCircle span{z-index:1;font-variant-numeric:tabular-nums;font-weight:700;position:relative}.serverUsageCircle.usage-medium{--usage-color:var(--warning)}.serverUsageCircle.usage-high{--usage-color:var(--danger)}.serverUsageCircle.usage-unknown{--usage-color:var(--muted)}.serverStatusDetails{gap:0;margin:0;display:grid}.serverStatusDetails>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:16px;padding:14px 0;display:grid}.serverStatusDetails dt{font-weight:650}.serverStatusDetails dd{overflow-wrap:anywhere;margin:0}.serverBackupAction{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.serverBackupAction p{color:var(--muted);margin:4px 0 0}.serverBackupAction a{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.serverStatusNote{border-top:1px solid var(--line);color:var(--muted);margin:0;padding-top:16px}@media (width<=600px){.serverUsageRow{gap:16px}.serverUsageCircle{flex-basis:72px;width:72px;height:72px}.serverStatusDetails>div{grid-template-columns:1fr;gap:6px}.serverBackupAction{flex-direction:column;align-items:stretch}.serverBackupAction a{width:100%}}