/* IT xonasi — server holati (server-room.js). Tokenlar base.css dan.
   Rang faqat holatni bildiradi: ok — --ok, warn/stale — --warn, crit — --err. */

/* ---------------- Xona: stoyka LED'lari va yorliq halqasi ---------------- */
.fp-room[data-location="server-it"] > .fp-head.srv-click{cursor:pointer}
.fp-room[data-srv="warn"] .fx .led, .fp-room[data-srv="stale"] .fx .led{stroke:var(--warn)}
.fp-room[data-srv="crit"] .fx .led{stroke:var(--err); animation:led 1s steps(2) infinite}
.fp-room[data-srv="stale"] .fx .led{opacity:.55}
.fp-room[data-srv="warn"] > .fp-head{box-shadow:0 4px 14px var(--iso-label-shd, rgba(15,28,52,.18)), 0 0 0 2px var(--warn)}
.fp-room[data-srv="stale"] > .fp-head{box-shadow:0 4px 14px var(--iso-label-shd, rgba(15,28,52,.18)), 0 0 0 2px var(--warn); }
.fp-room[data-srv="crit"] > .fp-head{box-shadow:0 4px 14px var(--iso-label-shd, rgba(15,28,52,.18)), 0 0 0 2px var(--err)}
.fp-room[data-srv="ok"] > .fp-head .fp-cap{color:var(--ok)}

/* ---------------- Toolbar tugmasi: holat nuqtasi ---------------- */
.srv-btn{position:relative}
.srv-btn::after{content:""; position:absolute; right:3px; top:3px; width:7px; height:7px; border-radius:50%;
  background:var(--st-idle); box-shadow:0 0 0 2px var(--topbar-bg, #14223c)}
.srv-btn[data-srv="ok"]::after{background:var(--ok)}
.srv-btn[data-srv="warn"]::after,.srv-btn[data-srv="stale"]::after{background:var(--warn)}
.srv-btn[data-srv="crit"]::after{background:var(--err); animation:ledBlink 1s steps(2) infinite}

/* ---------------- Panel ---------------- */
.srv-panel{width:380px}
.srv-body{overflow:auto; padding:8px; display:flex; flex-direction:column; gap:8px}
.srv-body code{font:500 11px/1.4 var(--font-mono); background:var(--chip); padding:0 4px; border-radius:4px}
.srv-card{--lv:var(--ok); border:1px solid var(--line); border-left:3px solid var(--lv); border-radius:var(--r-sm);
  padding:10px 12px; background:var(--panel)}
.srv-card[data-level="warn"],.srv-card[data-level="stale"]{--lv:var(--warn)}
.srv-card[data-level="crit"]{--lv:var(--err)}
.srv-ch{display:flex; align-items:center; gap:8px; min-width:0}
.srv-ch b{color:var(--heading); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.srv-ch time{margin-left:auto; color:var(--muted); font-size:11px; white-space:nowrap}
.srv-dot{width:9px; height:9px; border-radius:50%; background:var(--lv); flex:none}
.srv-card[data-level="crit"] .srv-dot{animation:ledBlink 1s steps(2) infinite}
.srv-pill{font-size:10.5px; font-weight:700; padding:1px 7px; border-radius:10px; color:var(--lv);
  background:color-mix(in srgb, var(--lv) 14%, transparent); white-space:nowrap}
.srv-stale{margin:8px 0 0; padding:6px 8px; border-radius:var(--r-xs); font-size:11.5px; color:var(--text);
  background:color-mix(in srgb, var(--warn) 12%, transparent)}
.srv-iss{list-style:none; margin:8px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:4px}
.srv-iss li{font-size:11px; padding:2px 7px; border-radius:10px; color:var(--warn); background:color-mix(in srgb, var(--warn) 12%, transparent)}
.srv-iss li[data-l="crit"]{color:var(--err); background:color-mix(in srgb, var(--err) 12%, transparent)}
.srv-ms{display:flex; flex-direction:column; gap:6px; margin-top:10px}
.srv-m{--mc:var(--ok); display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:8px; font-size:12px}
.srv-m[data-l="warn"]{--mc:var(--warn)} .srv-m[data-l="crit"]{--mc:var(--err)} .srv-m[data-l=""]{--mc:var(--st-idle)}
.srv-ml{color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:var(--font-mono); font-size:11px}
.srv-bar{height:6px; border-radius:3px; background:var(--surface-3); overflow:hidden}
.srv-bar i{display:block; height:100%; background:var(--mc); border-radius:3px; transition:width .4s}
.srv-mv{font:600 12px/1 var(--font-mono); color:var(--ink); text-align:right; white-space:nowrap}
.srv-mv em{font:400 10.5px var(--font-mono); color:var(--muted); font-style:normal; margin-left:6px}
.srv-svc{list-style:none; margin:10px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:4px}
.srv-svc li{--sc:var(--ok); display:inline-flex; align-items:center; gap:5px; font:500 11px/1 var(--font-mono);
  padding:4px 7px; border-radius:10px; background:var(--chip); color:var(--ink)}
.srv-svc li[data-s="warn"]{--sc:var(--warn)} .srv-svc li[data-s="crit"]{--sc:var(--err); color:var(--err)}
.srv-svc li i{width:6px; height:6px; border-radius:50%; background:var(--sc)}
.srv-facts{display:grid; grid-template-columns:auto 1fr; gap:3px 10px; margin:10px 0 0; font-size:11.5px}
.srv-facts dt{color:var(--muted)}
.srv-facts dd{margin:0; color:var(--ink); font-family:var(--font-mono); font-size:11px; overflow-wrap:anywhere}
@media (max-width:480px){ .srv-panel{width:calc(100vw - 16px)} .srv-m{grid-template-columns:52px 1fr auto} .srv-mv em{display:none} }