.server-metrics { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1rem 0; }
.server-metrics > div { padding:1rem; border:1px solid var(--color-rule); border-radius:var(--radius-control); }
.server-metrics small, .server-metrics strong { display:block; }
.server-metrics strong { font-size:1.8rem; font-variant-numeric:tabular-nums; margin-top:.3rem; }
.server-metrics progress { width:100%; height:.5rem; accent-color:var(--color-accent); }
#server-temp[data-hot="true"] { color:#b74827; }
.server-tools { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin:.8rem 0; }
.server-tools input { width:100%; padding:.6rem; background:var(--color-surface); color:var(--color-ink); border:1px solid var(--color-rule); border-radius:var(--radius-control); }
.server-tools select { max-width:100%; padding:.5rem; background:var(--color-surface); color:var(--color-ink); border:1px solid var(--color-rule); }
#server-processes { max-height:24rem; overflow:auto; border-block:1px solid var(--color-rule); }
.server-process { display:grid; grid-template-columns:minmax(0,1fr) 4.5rem auto; align-items:center; gap:.5rem; padding:.7rem 0; border-bottom:1px solid var(--color-rule); }
.server-process-label { display:flex; align-items:center; gap:.6rem; min-width:0; }
.server-process-description { min-width:0; }
.server-process-description strong, .server-process-description small { display:block; overflow-wrap:anywhere; }
.server-process-description small { font-size:.75rem; color:var(--color-muted); margin-top:.25rem; }
.server-process-cpu { text-align:right; font-size:.85rem; font-variant-numeric:tabular-nums; }
.server-process .settings-action { padding:.4rem .6rem; }
#server-action-status { overflow-wrap:anywhere; }
@media(max-width:420px) { .server-process { grid-template-columns:minmax(0,1fr) auto; } .server-process > button { grid-column:2; } .server-metrics strong { font-size:1.5rem; } }