/* Scoped to the Servers tab; explicit sizes keep monitoring readable. */
.sg-server-monitor { padding:20px; background:#f4f7fa; border:1px solid #dfe7ed; border-radius:14px; color:#173347; font-size:20px!important; }
.sg-server-monitor .sg-server-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; }
.sg-server-monitor .sg-server-toolbar h3 { font-size:34px!important; font-weight:700; margin:0 0 5px; color:#173347; }
.sg-server-monitor .sg-server-toolbar p { font-size:20px!important; margin:0; color:#445b70; }
.sg-server-controls { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.sg-server-filter { width:185px; }
.sg-server-monitor .sg-server-filter * { font-size:20px!important; }
.sg-server-monitor .sg-server-switch { margin:0; display:flex; align-items:center; gap:8px; padding-left:0; }
.sg-server-monitor .sg-server-switch .form-check-input { margin:0; float:none; width:34px; height:19px; cursor:pointer; }
.sg-server-monitor .sg-server-switch label { font-size:20px!important; white-space:nowrap; cursor:pointer; }
.sg-server-monitor .sg-server-refresh-button { font-size:20px!important; padding:9px 16px; border-radius:8px; font-weight:600; }
.sg-server-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.sg-server-summary-item { display:flex; align-items:center; gap:14px; padding:13px 18px; background:#fff; border:1px solid #e0e7ef; border-radius:10px; }
.sg-server-monitor .sg-server-summary-item strong { font-size:37px!important; font-weight:750; }
.sg-server-monitor .sg-server-summary-item span { font-size:20px!important; color:#526679; }
.sg-server-summary-item.is-success strong { color:#168354; }
.sg-server-summary-item.is-warning strong { color:#a96605; }
.sg-server-summary-item.is-secondary strong { color:#68788a; }
.sg-server-card { height:100%; background:#fff; border:1px solid #dce5ed; border-top:4px solid #94a3b8; border-radius:12px; padding:20px; box-shadow:0 3px 12px #17334708; }
.sg-server-card.is-success { border-top-color:#249768; }
.sg-server-card.is-warning { border-top-color:#e1a126; }
.sg-server-card.is-danger { border-top-color:#d64f57; }
.sg-server-card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.sg-server-identity { display:flex; align-items:center; gap:12px; min-width:0; }
.sg-server-icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; flex-shrink:0; border-radius:11px; background:#eaf3fa; color:#247396; font-size:30px!important; }
.sg-server-monitor .sg-server-domain { font-size:28px!important; font-weight:700; margin:0 0 3px; overflow-wrap:anywhere; }
.sg-server-monitor .sg-server-role { font-size:19px!important; color:#445b70; }
.sg-server-monitor .sg-server-status { font-size:17px!important; font-weight:600; padding:7px 10px; white-space:nowrap; }
.sg-server-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sg-server-metric { background:#f7f9fc; padding:14px; border-radius:9px; }
.sg-server-monitor .sg-server-metric-label { font-size:19px!important; font-weight:600; color:#526679; display:flex; align-items:center; gap:7px; }
.sg-server-monitor .sg-server-metric-value { font-size:45px!important; font-weight:750; line-height:1.25; margin:7px 0 10px; }
.sg-server-monitor .sg-server-progress { height:7px; border-radius:8px; background:#e3eaf1; margin-bottom:9px; }
.sg-server-monitor .sg-server-metric-note { font-size:17px!important; color:#445b70; line-height:1.5; }
.sg-server-stats { display:flex; flex-wrap:wrap; gap:16px 28px; padding:16px 0; }
.sg-server-monitor .sg-server-stat-label { display:block; font-size:17px!important; color:#445b70; margin-bottom:3px; }
.sg-server-monitor .sg-server-stats strong { font-size:23px!important; font-weight:650; }
.sg-server-monitor .sg-server-issue { font-size:19px!important; line-height:1.6; color:#a34121; background:#fff5e9; padding:10px 12px; border-radius:8px; margin-bottom:12px; overflow-wrap:anywhere; }
.sg-server-monitor .sg-server-details summary { font-size:20px!important; color:#356b88; cursor:pointer; padding:5px 0; font-weight:600; }
.sg-server-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; background:#f7f9fc; border-radius:8px; padding:14px; margin:10px 0 0; }
.sg-server-monitor .sg-server-detail-grid dt { font-size:17px!important; font-weight:500; color:#445b70; }
.sg-server-monitor .sg-server-detail-grid dd { font-size:20px!important; font-weight:600; margin:3px 0 0; overflow-wrap:anywhere; }
.sg-server-monitor .sg-server-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; border-top:1px solid #e5ebf1; margin-top:14px; padding-top:12px; color:#445b70; font-size:17px!important; }
.sg-server-monitor .sg-server-footer span { font-size:17px!important; }
.sg-server-service-dot { display:inline-block; width:8px; height:8px; background:#94a3b8; border-radius:50%; margin-right:6px; }
.sg-server-service-dot.is-active { background:#249768; }
.sg-server-empty { text-align:center; padding:45px 20px; background:white; border-radius:10px; color:#168354; }
.sg-server-monitor .sg-server-empty h4 { font-size:28px!important; margin-top:12px; }
@media(max-width:767px) {
 .sg-server-monitor { padding:12px; }
 .sg-server-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sg-server-controls { gap:12px; }
 .sg-server-card { padding:15px; }
 .sg-server-monitor .sg-server-domain { font-size:26px!important; }
 .sg-server-metrics { gap:8px; }
 .sg-server-metric { padding:10px; }
 .sg-server-monitor .sg-server-metric-value { font-size:38px!important; }
 .sg-server-monitor .sg-server-status { font-size:16px!important; }
 .sg-server-icon { display:none; }
}

/* Room for larger labels and controls. */
.sg-server-monitor { line-height:1.5; }
.sg-server-monitor .sg-server-filter { width:230px; }
.sg-server-monitor .sg-server-filter .Select-control { height:44px; }
.sg-server-monitor .sg-server-filter .Select-value,
.sg-server-monitor .sg-server-filter .Select-placeholder { line-height:42px; }
.sg-server-monitor .sg-server-switch .form-check-input { width:42px; height:24px; flex-shrink:0; }
.sg-server-monitor .sg-server-card-heading { margin-bottom:22px; }
.sg-server-monitor .sg-server-status { line-height:1.4; }
.sg-server-monitor .sg-server-metric-label { flex-wrap:wrap; }
.sg-server-monitor .sg-server-metric-note { min-height:26px; }
.sg-server-monitor .sg-server-footer { gap:12px; }
@media(max-width:575px) {
 .sg-server-monitor .sg-server-metrics { grid-template-columns:1fr; }
 .sg-server-monitor .sg-server-card-heading { flex-wrap:wrap; }
 .sg-server-monitor .sg-server-detail-grid { grid-template-columns:1fr; }
}