.summary-grid { display: grid; grid-template-columns: 1.05fr 1fr 1.25fr 1.05fr; gap: 12px; }
.summary-card, .panel-card, .server-card, .resource-stat-card, .setting-card, .settings-explorer-toolbar, .server-workspace-header, .workspace-tabs { border: 1px solid var(--border-soft); background: linear-gradient(145deg, rgba(24, 40, 59, .92), rgba(15, 28, 42, .92)); box-shadow: 0 7px 20px rgba(0,0,0,.12); }
.summary-card { min-height: 132px; border-radius: var(--radius); padding: 13px 15px 10px; overflow: hidden; }
.summary-card.alert-card { border-color: rgba(223, 182, 111, .42); background: linear-gradient(145deg, rgba(69, 50, 23, .36), rgba(21, 28, 36, .92)); }
.summary-card.players-card { border-color: rgba(130, 174, 242, .32); }
.summary-card.host-health-card { border-color: rgba(117, 207, 191, .36); background: linear-gradient(145deg, rgba(25, 64, 62, .45), rgba(17, 31, 43, .94)); }
.summary-card.latest-card { border-color: rgba(180, 164, 220, .3); background: linear-gradient(145deg, rgba(49, 43, 74, .36), rgba(19, 29, 43, .94)); }
.summary-card-header { min-height: 28px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 9px; border-bottom: 1px solid var(--border-soft); }
.summary-card-header h2, .panel-card h2, .metric-block h3 { margin: 0; }
.summary-card-header h2 { display: flex; align-items: center; gap: 9px; font-size: .93rem; font-weight: 670; }
.alert-card .summary-card-header h2 { color: var(--amber); }
.players-card .summary-card-header h2 { color: var(--blue); }
.host-health-card .summary-card-header h2 { color: var(--teal); }
.latest-card .summary-card-header h2 { color: var(--text-soft); }
.summary-number { font-size: 1.4rem; }
.centered-heading { justify-content: center; }
.compact-list { list-style: none; display: grid; gap: 6px; margin: 10px 0 0; padding: 0; color: var(--text-soft); font-size: .78rem; }
.compact-list li { display: flex; align-items: center; gap: 9px; min-width: 0; }
.list-dot { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; }
.tone-warning { background: #dba64e; }
.tone-healthy { background: #73c79f; }
.split-stat { display: grid; grid-template-columns: 1fr 1fr; margin-top: 4px; }
.split-stat > div { display: grid; justify-items: center; gap: 3px; padding: 5px 8px; }
.split-stat > div + div { border-left: 1px solid var(--border-soft); }
.split-stat span { color: var(--blue); font-size: .76rem; }
.split-stat > div:last-child span { color: var(--teal); }
.split-stat strong { font-size: 1.3rem; font-weight: 600; }
.split-stat small { color: var(--muted); font-size: .86rem; font-weight: 450; }
.summary-footer { margin: 4px -15px -10px; padding: 6px 10px; text-align: center; color: var(--muted); font-size: .74rem; border-top: 1px solid var(--border-soft); }
.tabbed-heading { align-items: flex-start; }
.segmented-tabs, .server-switcher, .range-switcher { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid var(--border-soft); border-radius: 7px; background: rgba(6, 14, 23, .34); }
.segmented-tabs button, .server-switcher a, .range-switcher button { min-width: 72px; padding: .33rem .75rem; border: 0; border-radius: 5px; background: transparent; color: var(--muted); cursor: pointer; font-size: .72rem; }
.segmented-tabs button[aria-selected="true"], .server-switcher a.active, .range-switcher button.active { color: #a5eee1; background: rgba(55, 125, 116, .35); box-shadow: inset 0 0 0 1px rgba(117, 207, 191, .35); }
.host-health-panel { display: grid; grid-template-columns: .7fr 1.25fr .8fr; min-height: 68px; align-items: center; padding-top: 8px; }
.host-health-panel > div { display: grid; gap: 4px; padding: 0 10px; }
.host-health-panel > div + div { border-left: 1px solid var(--border-soft); }
.host-health-panel span { color: var(--muted); font-size: .71rem; }
.host-health-panel strong { font-size: 1.15rem; font-weight: 620; white-space: nowrap; }
.latest-time { min-height: 77px; display: grid; place-content: center; justify-items: center; gap: 4px; }
.latest-time strong { font-size: 1.45rem; font-weight: 600; }
.latest-time span { color: var(--muted); font-size: .78rem; }
.freshness-pill { padding: .25rem .55rem; border: 1px solid rgba(126, 196, 139, .25); color: var(--sage); background: rgba(91, 145, 100, .13); font-size: .7rem; }
.freshness-stale { color: var(--amber); border-color: rgba(223, 182, 111, .3); background: rgba(138, 98, 41, .18); }
.freshness-unknown { color: var(--muted); border-color: var(--border-soft); background: rgba(143, 161, 180, .08); }

.server-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.server-card { border-radius: var(--radius); overflow: hidden; }
.server-card.tone-amber { border-color: rgba(223, 182, 111, .48); background: linear-gradient(145deg, rgba(69, 49, 20, .28), rgba(16, 29, 42, .95)); }
.server-card.tone-teal { border-color: rgba(117, 207, 191, .43); background: linear-gradient(145deg, rgba(18, 63, 65, .32), rgba(15, 30, 43, .96)); }
.server-card-header { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 8px 12px; border-bottom: 1px solid var(--border-soft); }
.server-title-group { display: flex; align-items: center; gap: 10px; min-width: 0; }
.server-title-group h2 { margin: 0; color: var(--amber); font-size: 1.15rem; }
.tone-teal .server-title-group h2 { color: var(--teal); }
.server-title-group p { margin: 2px 0 0; color: var(--muted); font-size: .7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.server-emblem { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; border: 1px solid currentColor; font-size: 1.05rem; flex: 0 0 auto; }
.server-emblem.smp { color: var(--amber); background: rgba(138, 98, 41, .18); }
.server-emblem.hardcore { color: var(--teal); background: rgba(45, 117, 110, .18); }
.status-pill { display: inline-flex; align-items: center; gap: 6px; padding: .25rem .58rem; border-radius: 7px; border: 1px solid var(--border-soft); font-size: .68rem; white-space: nowrap; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--muted); }
.status-online { color: var(--sage); border-color: rgba(161, 211, 170, .25); background: rgba(61, 100, 69, .12); }
.status-online .status-dot { background: #7bd28e; }
.status-offline { color: var(--coral); }
.status-offline .status-dot { background: var(--coral); }
.status-unknown { color: var(--muted); }
.server-metrics-top { display: grid; grid-template-columns: 112px 1.45fr 1.05fr; }
.server-metrics-bottom { display: grid; grid-template-columns: .95fr 1.05fr; border-top: 1px solid var(--border-soft); }
.metric-block { min-width: 0; padding: 10px 13px; }
.metric-block + .metric-block { border-left: 1px solid var(--border-soft); }
.metric-block h3 { display: flex; align-items: center; gap: 7px; color: var(--text-soft); font-size: .77rem; font-weight: 650; }
.player-count { margin: 17px 0 0; font-size: 1.2rem; }
.player-count strong { font-size: 1.38rem; font-weight: 600; }