/* ⚙ Панель управления: 📶 «Нагрузка в реальном времени» (admin-live.js). Переменные — rec.css; «!» и .aw-tip — из admin-desk.css */
.al-wrap { display:contents; }
.al-wrap[hidden] { display:none; }
.al-card { min-height:380px; }
.al-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; margin-top:12px; }
.al-srv { min-width:0; padding:12px; border:1px solid var(--line); border-radius:12px; transition:opacity .2s; }
.al-srv.off { opacity:.55; }
.al-name { display:flex; align-items:center; gap:8px; min-height:24px; font-size:14px; }
.al-name b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.al-st { margin-left:auto; flex:none; font-size:12.5px; }
.al-dot { flex:none; width:10px; height:10px; border-radius:50%; background:var(--text2); opacity:.6; }
.al-dot.ok { background:var(--ok); opacity:1; box-shadow:0 0 0 3px rgba(11,128,67,.16); }
.al-dot.bad { background:var(--bad); opacity:1; box-shadow:0 0 0 3px rgba(197,34,31,.16); }
.al-host { margin:2px 0 0; min-height:1.3em; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.al-big { display:block; margin-top:8px; min-height:34px; font-size:24px; line-height:34px; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.al-sub { margin:4px 0 0; min-height:2.9em; font-size:13px; line-height:1.45; }
.al-net, .al-app, .al-turn, .al-stat { margin:4px 0 0; min-height:1.45em; font-size:13px; line-height:1.45; font-variant-numeric:tabular-nums; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.al-net { font-weight:500; margin-top:8px; }
.al-app, .al-stat { font-size:12.5px; }
.al-chart { margin-top:10px; height:64px; border-radius:10px; background:var(--hover); overflow:hidden; }
.al-svg { display:block; width:100%; height:64px; }
.al-base { stroke:var(--line); stroke-width:1; vector-effect:non-scaling-stroke; }
.al-ppl { stroke:var(--blue); stroke-width:1.8; stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.al-out { stroke:var(--violet); stroke-width:1.5; stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke; opacity:.9; }
@media (max-width:520px) {
  .al-card { min-height:0; }
  .al-grid { grid-template-columns:minmax(0,1fr); }
  .al-big { font-size:22px; }
  .al-stat { white-space:normal; min-height:2.9em; }
}