.dcs-server-status-widget { box-sizing: border-box; display: block; inline-size: 100%; margin: 1.5rem 0; max-inline-size: 100%; min-width: 0; }
.dcs-server-widget-card { background: linear-gradient(135deg,var(--card_color,#14283c) 0%,var(--card_alt_color,var(--card_color,#14283c)) 100%); border: 1px solid color-mix(in srgb,var(--accent_color,#4caf50) 36%,transparent); border-radius: 12px; box-shadow: 0 8px 32px rgba(0,0,0,.3); box-sizing: border-box; color: var(--text_color, #fff); max-width: 100%; min-width: 0; overflow: hidden; padding: clamp(14px, 3vw, 24px); transition: border-color .3s ease,box-shadow .3s ease; }
.dcs-server-widget-card:hover { border-color: var(--accent_color,#4caf50); box-shadow: 0 12px 40px color-mix(in srgb,var(--accent_color,#4caf50) 25%,transparent); }
.dcs-server-widget-card + .dcs-server-widget-card { margin-top: 14px; }
.dcs-server-widget-card * { box-sizing: border-box; min-width: 0; }
.dcs-server-widget-card header { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
.dcs-server-widget-card h3 { color: inherit; flex: 1 1 auto; font-size: clamp(1rem, 2.2vw, 1.25rem); margin: 0; overflow-wrap: anywhere; }
.dcs-server-widget-status { background: rgba(158,158,158,.2); border: 1px solid currentColor; border-radius: 999px; color: #ddd; flex: 0 0 auto; font-size: .75rem; font-weight: 700; padding: 4px 9px; text-transform: uppercase; white-space: nowrap; }
.dcs-server-widget-status.status-online, .dcs-server-widget-status.status-running { color: #71db78; }
.dcs-server-widget-status.status-offline, .dcs-server-widget-status.status-stopped, .dcs-server-widget-status.status-shutdown { color: #ff7b72; }
.dcs-server-widget-metrics { display: grid; gap: clamp(6px,1.5vw,12px); grid-template-columns: minmax(0,2.5fr) minmax(0,1fr) minmax(44px,.7fr); margin-top: 18px; max-width: 100%; min-width: 0; width: 100%; }
.dcs-server-widget-metrics > div { min-width: 0; }
.dcs-server-widget-metrics span { color: var(--text_muted, #aaa); display: block; font-size: .75rem; margin-bottom: 3px; text-transform: uppercase; }
.dcs-server-widget-metrics strong { display: block; font-size: clamp(.78rem,2.2vw,1rem); overflow-wrap: anywhere; }
.dcs-widget-loading, .dcs-widget-unavailable { color: var(--text_muted, #aaa); margin: 0; padding: 18px; text-align: center; }
@media (max-width: 480px) { .dcs-server-widget-status { font-size: .65rem; padding: 3px 7px; } .dcs-server-widget-metrics span { font-size: .62rem; } .dcs-server-widget-metrics strong { font-size: .7rem; letter-spacing: -.01em; } }