/* StreamCore Server View R4 — compact telemetry page + route/workspace isolation. */
.sc-server-view-page[hidden]{display:none!important}
.sc-server-view-page{position:fixed;z-index:850;left:0;right:0;top:var(--sc-server-view-top,96px);bottom:0;overflow:auto;background:#07101f;color:#e7eefb;padding:12px 16px 24px;font-family:inherit}
.sc-server-view-page *{box-sizing:border-box}
html.sc-server-view-route,html.sc-server-view-route body{height:100%;overflow:hidden!important}
.sc-server-view-route #app,.sc-server-view-route .xui-shell{min-height:100vh!important;background:#07101f}
.sc-server-view-route .xui-shell>.xui-workspace,.sc-server-view-route .xui-shell>.global-loading-line{display:none!important}
.sc-server-view-route .xui-shell>.xui-workspace{visibility:hidden!important;pointer-events:none!important}
.sc-sv-shell{width:min(1180px,100%);margin:0 auto;display:grid;gap:12px}
.sc-sv-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 0 0}
.sc-sv-title>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sc-sv-title h1{font-size:19px;line-height:1.1;margin:0;color:#f6f8ff}.sc-sv-title>small{display:block;color:#7390b7;font-size:12px;margin-top:5px}.sc-sv-title code{font-family:inherit;color:#7f91ae;font-size:13px;background:transparent}.sc-sv-status{display:inline-flex;align-items:center;gap:6px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.16);border-radius:8px;padding:5px 9px;color:#57db82;font-size:10px;letter-spacing:.04em}.sc-sv-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.5)}.sc-sv-status.offline{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.18);color:#fb7185}.sc-sv-status.offline i{background:#ef4444}
.sc-sv-actions{display:flex;align-items:stretch;gap:6px}.sc-sv-process,.sc-sv-more{border:1px solid rgba(96,165,250,.2);background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;font:inherit;font-size:12px;font-weight:750;cursor:pointer;min-height:34px;box-shadow:0 6px 18px rgba(37,99,235,.18)}.sc-sv-process{padding:0 14px;border-radius:5px}.sc-sv-process i{margin-right:7px}.sc-sv-more{width:36px;border-radius:5px;background:#111c30;color:#9cb1d2;border-color:#253550}.sc-sv-more-wrap{position:relative}.sc-sv-menu{position:absolute;right:0;top:calc(100% + 6px);width:190px;padding:6px;background:#0d192b;border:1px solid #283a56;border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.38);display:none;z-index:20}.sc-sv-menu.open{display:grid}.sc-sv-menu button{display:flex;gap:9px;align-items:center;border:0;background:transparent;color:#c7d5ec;padding:10px;border-radius:6px;cursor:pointer;text-align:left;font:inherit;font-size:12px}.sc-sv-menu button:hover{background:#142846;color:#fff}.sc-sv-menu i{width:16px;color:#63b3ff}
.sc-sv-alert{display:flex;align-items:center;gap:9px;border:1px solid rgba(251,113,133,.35);background:rgba(127,29,29,.22);border-radius:8px;padding:10px 12px;color:#fecdd3;font-size:12px}.sc-sv-alert[hidden]{display:none}
.sc-sv-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #1f3049;background:#0f1b2e;border-radius:6px;overflow:hidden}.sc-sv-summary article{position:relative;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:70px;padding:9px 14px;border-right:1px solid #22334d}.sc-sv-summary article:last-child{border-right:0}.sc-sv-summary article>i{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#60a5fa;background:rgba(37,99,235,.13);font-size:15px}.sc-sv-summary article:nth-child(2)>i{color:#a78bfa;background:rgba(124,58,237,.13)}.sc-sv-summary article:nth-child(3)>i{color:#34d399;background:rgba(16,185,129,.13)}.sc-sv-summary article:nth-child(4)>i{color:#67e8f9;background:rgba(6,182,212,.13)}.sc-sv-summary small{display:block;font-size:10px;color:#778aa9;font-weight:750;letter-spacing:.07em}.sc-sv-summary strong{display:block;margin-top:3px;font-size:21px;color:#eff5ff}.sc-sv-summary em{width:40px;height:2px;background:#355783;opacity:.65}.sc-sv-summary article:nth-child(2) em{background:#7c5fc5}.sc-sv-summary article:nth-child(3) em{background:#39a572}.sc-sv-summary article:nth-child(4) em{background:#34a7b8}
.sc-sv-overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:12px}.sc-sv-card{background:#0f1b2e;border:1px solid #20314b;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.sc-sv-card>header{display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(79,105,145,.22);padding:10px 14px}.sc-sv-card>header>i{color:#59a8ff}.sc-sv-card>header>b{font-size:13px}.sc-sv-card>header>span{margin-left:auto;color:#6f86a8;font-size:11px}.sc-sv-resources>div{padding:5px 14px 3px}.sc-sv-resource-row{display:grid;grid-template-columns:155px minmax(120px,1fr) 62px;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid rgba(52,72,102,.2)}.sc-sv-resource-row:last-child{border-bottom:0}.sc-sv-resource-label{display:flex;align-items:center;gap:12px}.sc-sv-resource-label>i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0a192b;color:#4ade80}.sc-sv-resource-label span{display:grid}.sc-sv-resource-label b{font-size:12px;color:#e6eefc}.sc-sv-resource-label small{font-size:10px;color:#657b9b;margin-top:2px}.sc-sv-resource-meter{height:8px;border-radius:10px;background:#081423;overflow:hidden}.sc-sv-resource-meter i{display:block;height:100%;border-radius:10px;min-width:2px}.sc-sv-resource-meter .cpu{background:linear-gradient(90deg,#22c55e,#4ade80)}.sc-sv-resource-meter .memory{background:linear-gradient(90deg,#34d399,#6ee7b7)}.sc-sv-resource-meter .disk{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.sc-sv-resource-meter .iowait{background:linear-gradient(90deg,#22d3ee,#67e8f9)}.sc-sv-resource-row>strong{text-align:right;font-size:14px;color:#58d27e}.sc-sv-resource-row:nth-child(2)>strong{color:#61dc99}.sc-sv-resource-row:nth-child(3)>strong{color:#f5ad35}.sc-sv-resource-row:nth-child(4)>strong{color:#4fd5f2}.sc-sv-resources footer{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1b2a42;border-top:1px solid #20314b}.sc-sv-resources footer span{background:#0d192a;padding:9px 12px;text-align:center;color:#60799c;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.sc-sv-resources footer b{display:block;margin-top:4px;color:#e6eefb;font-size:13px;text-transform:none}
.sc-sv-network-stack{display:grid;grid-template-rows:1fr 1fr;gap:10px}.sc-sv-net-card{min-height:118px;overflow:hidden}.sc-sv-net-card header{border-bottom:0}.sc-sv-net-card header>strong{margin-left:auto;color:#22d3ee;font-size:16px}.sc-sv-net-card:nth-child(2) header>strong{color:#60a5fa}.sc-sv-spark-host{height:58px;padding:0 14px 8px}.sc-sv-spark-host svg{width:100%;height:100%;overflow:visible}.sc-sv-spark{fill:none;stroke-width:1.8;vector-effect:non-scaling-stroke}.sc-sv-series-1{stroke:#60a5fa;fill:#60a5fa}.sc-sv-series-2{stroke:#67e8f9;fill:#67e8f9}
.sc-sv-main-chart{overflow:hidden}.sc-sv-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #20314b}.sc-sv-tabs button{position:relative;border:0;background:transparent;color:#8599b7;padding:12px 10px;font:inherit;font-size:12px;cursor:pointer}.sc-sv-tabs button i{margin-right:7px}.sc-sv-tabs button.active{color:#60a5fa}.sc-sv-tabs button.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#3b82f6}.sc-sv-chart{height:260px;padding:10px 14px 10px}.sc-sv-chart svg{width:100%;height:205px;overflow:visible}.sc-sv-gridline{stroke:#263852;stroke-width:1;vector-effect:non-scaling-stroke}.sc-sv-axis{fill:#607697;font-size:10px}.sc-sv-line{fill:none;stroke-width:1.7;vector-effect:non-scaling-stroke}.sc-sv-chart-legend{height:28px;display:flex;align-items:center;gap:18px;color:#9ab0ce;font-size:11px}.sc-sv-chart-legend span{display:flex;align-items:center;gap:6px}.sc-sv-chart-legend small{margin-left:auto;color:#526987}.sc-sv-legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.sc-sv-empty-chart{fill:#6f86a8;font-size:14px}
.sc-server-view-launch{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:6;width:31px;height:31px;border:0;border-radius:5px;background:rgba(16,76,137,.18);color:#d7e9ff;display:grid;place-items:center;cursor:pointer;font-size:14px;transition:.18s ease}.main-server-head{position:relative}.sc-server-view-launch:hover{background:#2563eb;color:#fff;transform:translateY(-50%) scale(1.04)}
/* Dashboard server identity: name + type icon/IP on first row, role below. */
.main-server-head .clean-server-title{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:2px!important;align-items:center!important;max-width:calc(100% - 58px)!important}
.main-server-head .clean-server-title>strong{grid-column:1;grid-row:1;white-space:nowrap!important}
.main-server-head .clean-server-title>.sc-server-card-host{grid-column:2;grid-row:1;display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;color:#c9def7!important;font-size:10px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
.main-server-head .clean-server-title>.sc-server-card-host i{font-size:9px!important;color:#d9ecff!important;flex:0 0 auto!important}
.main-server-head .clean-server-title>.sc-server-card-host b{overflow:hidden!important;text-overflow:ellipsis!important;font:inherit!important;color:inherit!important}
.main-server-head .clean-server-title>.sc-server-card-role{grid-column:1 / 3;grid-row:2;display:block!important;color:#d6e6fb!important;font-size:10px!important;font-weight:700!important;line-height:1.1!important;margin:0!important}

@media(max-width:980px){.sc-server-view-page{padding:12px}.sc-sv-header{align-items:flex-start}.sc-sv-title>div{gap:8px}.sc-sv-title h1{font-size:20px}.sc-sv-summary{grid-template-columns:repeat(2,1fr)}.sc-sv-summary article:nth-child(2){border-right:0}.sc-sv-summary article:nth-child(-n+2){border-bottom:1px solid #22334d}.sc-sv-overview-grid{grid-template-columns:1fr}.sc-sv-resource-row{grid-template-columns:160px 1fr 60px}.sc-sv-chart{height:285px}.sc-sv-chart svg{height:225px}}
@media(max-width:620px){.sc-server-view-page{top:var(--sc-server-view-top,110px);padding:10px}.sc-sv-header{display:grid}.sc-sv-actions{width:100%}.sc-sv-process{flex:1}.sc-sv-summary{grid-template-columns:1fr 1fr}.sc-sv-summary article{grid-template-columns:36px 1fr;min-height:76px;padding:10px}.sc-sv-summary article em{display:none}.sc-sv-resource-row{grid-template-columns:1fr 58px;gap:10px;padding:8px 0}.sc-sv-resource-meter{grid-column:1/-1;grid-row:2}.sc-sv-tabs button{font-size:10px;padding:13px 5px}.sc-sv-tabs button i{display:block;margin:0 0 4px}.sc-sv-chart{padding:10px 8px;height:260px}.sc-sv-chart svg{height:210px}}