/* UNIXTECHLAB VICC v90 — Aero Glass presentation layer
   Final visual override only. No provisioning or control-plane behavior lives here. */

:root {
  --aero-cyan: #63e9ff;
  --aero-blue: #168fff;
  --aero-green: #54ff91;
  --aero-ice: #eafcff;
  --aero-bg: #06111d;
  --aero-glass: rgba(13, 34, 52, .70);
  --aero-glass-strong: rgba(16, 43, 64, .88);
  --aero-border: rgba(137, 232, 255, .27);
  --aero-border-hot: rgba(99, 233, 255, .62);
  --aero-shadow: 0 18px 50px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255,255,255,.12);
  --aero-radius: 16px;
  --accent: var(--aero-cyan) !important;
  --acc-br: var(--aero-border-hot) !important;
  --panel: var(--aero-glass) !important;
  --panel-2: rgba(12, 31, 47, .78) !important;
  --panel-3: rgba(28, 58, 78, .60) !important;
  --line: var(--aero-border) !important;
  --line-soft: rgba(139, 226, 255, .12) !important;
  --ink: #f2fbff !important;
  --ink-dim: #c2dbe8 !important;
  --muted: #91b2c3 !important;
  --faint: #66889b !important;
}

html { color-scheme: dark; }

body {
  min-height: 100vh;
  color: var(--ink);
  background:
    radial-gradient(900px 520px at 12% -8%, rgba(0, 178, 255, .22), transparent 66%),
    radial-gradient(800px 520px at 92% 2%, rgba(83, 255, 149, .13), transparent 62%),
    radial-gradient(720px 520px at 55% 105%, rgba(24, 103, 255, .17), transparent 65%),
    linear-gradient(145deg, #06101b 0%, #071827 42%, #030910 100%) !important;
  background-attachment: fixed !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .30;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 85%);
}

body::after {
  content: "";
  position: fixed;
  left: 230px;
  right: 0;
  top: 54px;
  height: 190px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(105,226,255,.08), transparent);
  border-top: 1px solid rgba(255,255,255,.06);
}

/* Top command bar */
.bar {
  min-height: 58px !important;
  background:
    linear-gradient(180deg, rgba(69, 123, 157, .34) 0%, rgba(16, 38, 56, .90) 48%, rgba(5, 18, 30, .94) 100%) !important;
  border-bottom: 1px solid rgba(108, 224, 255, .48) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.17) !important;
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
}

.bar::after {
  content: "";
  position: absolute;
  inset: 1px 0 auto;
  height: 45%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.09), transparent);
}

.bar-brand, .bar-right, .omni { position: relative; z-index: 1; }
.bar-logo {
  filter: drop-shadow(0 0 10px rgba(92,255,150,.42));
  transition: transform .2s ease, filter .2s ease;
}
.bar-brand:hover .bar-logo { transform: scale(1.06); filter: drop-shadow(0 0 15px rgba(92,255,150,.7)); }
.bar-name { color: #fff !important; text-shadow: 0 1px 1px #000, 0 0 12px rgba(99,233,255,.24); }
.bar-name small { color: var(--aero-cyan) !important; }

.omni {
  border: 1px solid rgba(148,226,255,.24) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 3px 10px rgba(0,0,0,.18) !important;
  border-radius: 11px !important;
}
.omni:hover { border-color: var(--aero-border-hot) !important; background-color: rgba(43,126,172,.18) !important; }

/* Navigation glass rail */
.rail {
  background:
    linear-gradient(180deg, rgba(12, 34, 51, .88), rgba(3, 15, 25, .93)) !important;
  border-right: 1px solid rgba(117, 218, 255, .24) !important;
  box-shadow: 11px 0 32px rgba(0,0,0,.28), inset -1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter: blur(20px) saturate(135%);
  -webkit-backdrop-filter: blur(20px) saturate(135%);
}
.rail-label {
  color: #86aabd !important;
  letter-spacing: .14em !important;
}
.rail a {
  margin: 2px 8px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  color: #b9d0dc !important;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease !important;
}
.rail a:hover {
  color: white !important;
  border-color: rgba(120,220,255,.22) !important;
  background: linear-gradient(90deg, rgba(32,142,205,.20), rgba(255,255,255,.035)) !important;
  transform: translateX(2px);
}
.rail a.on {
  color: #fff !important;
  border-color: rgba(95,229,255,.52) !important;
  background:
    linear-gradient(180deg, rgba(77,194,255,.31), rgba(13,91,142,.27)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 0 16px rgba(33,169,255,.13) !important;
  text-shadow: 0 1px #00263a;
}
.rail a.on::before { background: var(--aero-cyan) !important; box-shadow: 0 0 12px var(--aero-cyan); }
.rail-n, .count { background: rgba(82,205,255,.13) !important; border: 1px solid rgba(102,220,255,.18); }

/* Main canvas */
.page { padding-top: 28px !important; }
.page-head, header.page-head {
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(126,220,255,.16) !important;
}
.page-head h1, .page h1 {
  color: #f3fcff !important;
  letter-spacing: -.035em;
  text-shadow: 0 2px 10px rgba(0,0,0,.42), 0 0 24px rgba(72,203,255,.10);
}
.eyebrow, .kicker, .section-label { color: var(--aero-cyan) !important; text-shadow: 0 0 12px rgba(99,233,255,.25); }

/* Glass components */
.panel, .card, .hero, .stat, .metric, .ops-kpi, .phone-mini, .phone,
.rack-row, .notice, .update-job, .app-tile, .protect-item, .node {
  background:
    linear-gradient(145deg, rgba(24, 54, 75, .78), rgba(7, 24, 38, .76)) !important;
  border-color: var(--aero-border) !important;
  box-shadow: var(--aero-shadow) !important;
  backdrop-filter: blur(17px) saturate(135%);
  -webkit-backdrop-filter: blur(17px) saturate(135%);
}

.panel, .hero, .card, .update-job { border-radius: var(--aero-radius) !important; overflow: hidden; }
.panel::before, .card::before, .hero::before, .stat::before, .metric::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 42%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.055), transparent);
  border-radius: inherit;
}
.panel, .card, .hero, .stat, .metric { position: relative; }

.panel:hover, .card:hover, .stat:hover, .metric:hover, .rack-row:hover, .phone-mini:hover {
  border-color: rgba(107,226,255,.48) !important;
  box-shadow: 0 20px 52px rgba(0,0,0,.46), 0 0 24px rgba(31,170,255,.08), inset 0 1px rgba(255,255,255,.14) !important;
}

.metrics { gap: 14px !important; }
.metric, .stat, .ops-kpi {
  min-height: 112px;
  border-radius: 14px !important;
}
.metric strong, .stat strong, .ops-kpi strong {
  color: #f4fdff !important;
  text-shadow: 0 0 18px rgba(92,224,255,.18);
}
.metric.acc strong, .stat.acc strong { color: var(--aero-cyan) !important; }

/* Glossy controls */
.btn, button, input[type=submit], input[type=button] {
  border: 1px solid rgba(142,226,255,.34) !important;
  border-radius: 9px !important;
  color: #eefcff !important;
  background: linear-gradient(180deg, rgba(91,154,189,.47) 0%, rgba(26,79,111,.50) 49%, rgba(8,40,64,.72) 51%, rgba(16,69,101,.56) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 3px 10px rgba(0,0,0,.28) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.75);
}
.btn:hover, button:hover, input[type=submit]:hover, input[type=button]:hover {
  border-color: rgba(116,235,255,.76) !important;
  background: linear-gradient(180deg, rgba(102,209,255,.54), rgba(12,90,143,.72)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.25), 0 0 18px rgba(42,188,255,.20) !important;
  transform: translateY(-1px);
}
.btn.primary {
  border-color: rgba(91,255,151,.55) !important;
  background: linear-gradient(180deg, rgba(78,225,130,.58), rgba(9,112,66,.78)) !important;
}

input, select, textarea {
  border: 1px solid rgba(142,220,248,.25) !important;
  border-radius: 9px !important;
  color: #effbff !important;
  background: rgba(2, 15, 25, .65) !important;
  box-shadow: inset 0 2px 7px rgba(0,0,0,.30), 0 1px rgba(255,255,255,.04) !important;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--aero-cyan) !important;
  box-shadow: 0 0 0 3px rgba(75,207,255,.12), inset 0 2px 7px rgba(0,0,0,.25) !important;
}

table { border-collapse: separate !important; border-spacing: 0 !important; }
thead th {
  background: linear-gradient(180deg, rgba(74,123,151,.28), rgba(11,39,58,.52)) !important;
  color: #bfe9f5 !important;
  border-bottom-color: rgba(111,218,255,.28) !important;
}
tbody tr:hover td { background: rgba(59,181,238,.075) !important; }

.pill, .badge, .live-chip, .protection-shield {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 1px rgba(255,255,255,.10), 0 2px 8px rgba(0,0,0,.20);
}
.lamp.idle { box-shadow: 0 0 11px var(--lamp-idle), 0 0 20px rgba(84,255,145,.26) !important; }

/* Login becomes a centered Aero dialog */
.auth {
  background:
    radial-gradient(700px 380px at 50% 20%, rgba(42,181,255,.22), transparent 70%),
    radial-gradient(560px 400px at 70% 90%, rgba(57,255,137,.11), transparent 70%) !important;
}
.auth-box { max-width: 460px !important; }
.auth-head { margin-bottom: 20px !important; }
.auth-head img { filter: drop-shadow(0 0 24px rgba(81,255,143,.23)); }
.auth .panel {
  border: 1px solid rgba(142,231,255,.42) !important;
  background: linear-gradient(145deg, rgba(31,67,91,.82), rgba(5,23,37,.90)) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.16) !important;
}

/* Scrollbars */
* { scrollbar-color: rgba(94,202,241,.48) rgba(3,15,25,.55); scrollbar-width: thin; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: rgba(3,15,25,.70); }
::-webkit-scrollbar-thumb { background: linear-gradient(#4e9ec4, #1a5575); border: 2px solid #071722; border-radius: 10px; }

/* Command Center 2.0 */
.command-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 180px;
  margin: 0 0 18px;
  padding: 30px 34px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(111,226,255,.38);
  border-radius: 20px;
  background:
    radial-gradient(500px 210px at 15% 0%, rgba(72,199,255,.24), transparent 70%),
    linear-gradient(125deg, rgba(28,66,92,.86), rgba(7,26,42,.84));
  box-shadow: 0 25px 70px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.16);
  backdrop-filter: blur(22px) saturate(140%);
}
.command-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 48%;
  background: linear-gradient(180deg, rgba(255,255,255,.09), transparent);
  pointer-events: none;
}
.command-hero.ready { border-color: rgba(86,255,152,.40); }
.command-hero.attention { border-color: rgba(255,194,85,.46); }
.command-hero-copy { position: relative; z-index: 1; }
.command-kicker {
  display: block;
  margin-bottom: 7px;
  color: var(--aero-cyan);
  font: 800 10px/1.3 var(--mono, monospace);
  letter-spacing: .18em;
}
.command-hero h2 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 46px); letter-spacing: -.045em; }
.command-hero p { margin: 0; color: var(--muted); font-size: 14px; }
.command-orb {
  width: 112px;
  height: 112px;
  flex: 0 0 112px;
  display: grid;
  place-content: center;
  text-align: center;
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(126,233,255,.46);
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.20), rgba(24,110,149,.24) 36%, rgba(1,16,28,.72) 74%);
  box-shadow: inset 0 1px rgba(255,255,255,.22), inset 0 -12px 30px rgba(0,0,0,.25), 0 0 30px rgba(49,196,255,.17);
}
.command-orb .lamp { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); }
.command-orb strong { font: 800 23px/1 var(--sans, system-ui); color: white; }
.command-orb small { margin-top: 5px; color: var(--muted); font: 700 9px/1 var(--mono, monospace); letter-spacing: .12em; text-transform: uppercase; }

.command-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .85fr); gap: 16px; margin-bottom: 18px; }
.command-grid .panel { margin: 0; }
.command-grid .panel-head > div h2, .attention-queue .panel-head > div h2 { margin: 0; }
.service-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
.service-chip {
  min-width: 0;
  display: grid;
  grid-template-columns: 10px minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px 12px;
  border: 1px solid rgba(133,223,255,.14);
  border-radius: 10px;
  background: rgba(2,16,27,.35);
}
.service-chip > div { min-width: 0; }
.service-chip strong, .service-chip small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.service-chip strong { font-size: 12.5px; }
.service-chip small { margin-top: 3px; color: var(--faint); font-size: 10.5px; }
.service-chip > b { color: var(--aero-green); font: 800 9px/1 var(--mono, monospace); letter-spacing: .08em; }
.service-chip.down > b { color: var(--lamp-busy); }

.action-launcher { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
.action-launcher a {
  display: grid;
  grid-template-columns: 29px 1fr;
  grid-template-rows: auto auto;
  column-gap: 9px;
  align-items: center;
  padding: 11px;
  color: var(--ink);
  text-decoration: none;
  border: 1px solid rgba(135,225,255,.18);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(66,133,169,.13), rgba(3,17,28,.32));
  transition: .16s ease;
}
.action-launcher a:hover { border-color: var(--aero-border-hot); transform: translateY(-2px); background: rgba(48,155,207,.15); }
.action-launcher a > span { grid-row: 1 / 3; display: grid; place-content: center; width: 29px; height: 29px; border-radius: 9px; color: var(--aero-cyan); background: rgba(75,202,255,.12); font-size: 18px; }
.action-launcher b { font-size: 12.5px; }
.action-launcher small { color: var(--faint); font-size: 10.5px; }

.attention-queue { margin-bottom: 18px !important; }
.attention-list { display: grid; gap: 7px; }
.attention-list a {
  display: grid;
  grid-template-columns: 10px minmax(160px,.7fr) minmax(220px,1.3fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  color: var(--ink);
  text-decoration: none;
  border: 1px solid rgba(137,221,255,.12);
  border-radius: 9px;
  background: rgba(2,15,25,.30);
}
.attention-list a:hover { border-color: rgba(111,226,255,.42); background: rgba(41,143,190,.10); }
.attention-list small { color: var(--muted); }
.attention-list a > b:last-child { color: var(--aero-cyan); font-size: 11px; }

@media (max-width: 900px) {
  body::after { left: 0; }
  .bar { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
  .rail { box-shadow: 0 10px 28px rgba(0,0,0,.30) !important; }
  .metric, .stat, .ops-kpi { min-height: 96px; }
  .command-grid { grid-template-columns: 1fr; }
  .command-hero { min-height: 150px; padding: 24px; }
  .command-orb { width: 90px; height: 90px; flex-basis: 90px; }
  .attention-list a { grid-template-columns: 10px 1fr auto; }
  .attention-list small { grid-column: 2 / 4; }
}

@media (max-width: 620px) {
  .command-hero { align-items: flex-start; }
  .command-orb { width: 72px; height: 72px; flex-basis: 72px; }
  .command-orb strong { font-size: 17px; }
  .command-orb small { display: none; }
  .command-orb .lamp { top: 13px; }
  .service-grid, .action-launcher { grid-template-columns: 1fr; }
}

@media (prefers-reduced-transparency: reduce) {
  .bar, .rail, .panel, .card, .hero, .stat, .metric, .rack-row, .phone-mini { backdrop-filter: none; -webkit-backdrop-filter: none; }
}

/* VICC Command Center 2.0 — per-device live workspace */
.phone-command{position:relative;overflow:hidden;margin:0 0 22px;padding:22px;border:1px solid rgba(86,219,255,.42);border-radius:22px;background:linear-gradient(145deg,rgba(8,35,57,.88),rgba(2,14,26,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 20px 50px rgba(0,0,0,.28)}
.phone-command:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#52ff93,#50e8ff,#80a8ff,transparent)}
.phone-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}.phone-command-head h2{margin:4px 0 2px;font-size:clamp(1.45rem,2.2vw,2.15rem);color:#f5fdff}.phone-command-head p{margin:0;color:#9cb9c9}.eyebrow{font-size:.69rem;font-weight:900;letter-spacing:.18em;color:#65f4ff}.command-health{padding:9px 13px;border:1px solid rgba(105,225,255,.36);border-radius:999px;background:rgba(8,31,49,.76);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.command-health.ok{color:#75ff9d;border-color:#4ff17d}.command-health.warn{color:#ffe27a;border-color:#f3c94d}.command-health.bad{color:#ff8698;border-color:#ff5472}
.phone-vitals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.vital{min-height:105px;padding:14px;border:1px solid rgba(105,192,226,.25);border-radius:15px;background:linear-gradient(155deg,rgba(19,56,79,.72),rgba(3,18,31,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}.vital span,.vital small{display:block;color:#8eafc1}.vital span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.vital strong{display:block;margin:9px 0 5px;color:#e9faff;font-size:1.02rem}.vital.ok{border-color:rgba(85,255,143,.45)}.vital.ok strong{color:#6dff9d}.vital.warn{border-color:rgba(255,211,90,.45)}.vital.warn strong{color:#ffe27a}.vital.bad{border-color:rgba(255,86,117,.5)}.vital.bad strong{color:#ff8498}
.diagnosis-card{display:flex;justify-content:space-between;gap:18px;margin-top:12px;padding:14px 16px;border-left:4px solid #55e9ff;border-radius:12px;background:rgba(9,31,47,.76)}.diagnosis-card b,.diagnosis-card span{display:block}.diagnosis-card span{margin-top:4px;color:#afc8d5}.diagnosis-card code{align-self:center;color:#d5e9f2}.diagnosis-card.ok{border-color:#55ef8b}.diagnosis-card.warn{border-color:#f1c94d}.diagnosis-card.bad{border-color:#ff5674}.device-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
@media(max-width:1150px){.phone-vitals{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.phone-command{padding:17px}.phone-command-head,.diagnosis-card{display:block}.command-health{display:inline-block;margin-top:12px}.phone-vitals{grid-template-columns:1fr 1fr}.diagnosis-card code{display:block;margin-top:10px;white-space:normal}.device-actions .btn{flex:1 1 45%;text-align:center}}@media(max-width:460px){.phone-vitals{grid-template-columns:1fr}.device-actions .btn{flex-basis:100%}}

/* Fleet readiness board */
.fleet-board{position:relative;overflow:hidden;margin-bottom:18px;padding:22px;border:1px solid rgba(91,219,255,.38);border-radius:22px;background:linear-gradient(145deg,rgba(8,35,57,.88),rgba(2,15,27,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 45px rgba(0,0,0,.24)}.fleet-board:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#55ff92,#4de8ff,#83a7ff,transparent)}.fleet-board-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.fleet-board-head h2{margin:4px 0 2px;font-size:1.7rem}.fleet-board-head p{margin:0;color:#9fbccc}.fleet-health-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.fleet-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid rgba(105,190,225,.25);border-radius:14px;background:rgba(9,31,48,.68);color:#b8d3df;text-decoration:none;transition:.18s ease}.fleet-filter strong{font-size:1.45rem;color:#ecfbff}.fleet-filter:hover,.fleet-filter.active{transform:translateY(-2px);border-color:#5deaff;background:rgba(14,57,79,.82);box-shadow:0 9px 25px rgba(0,0,0,.22)}.fleet-filter.ok strong{color:#66ff98}.fleet-filter.bad strong{color:#ff7189}.fleet-filter.warn strong{color:#ffe16e}.fleet-filter.web strong{color:#67eaff}.fleet-filter.active{box-shadow:inset 0 0 0 1px rgba(117,242,255,.25),0 9px 25px rgba(0,0,0,.22)}
@media(max-width:1050px){.fleet-health-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.fleet-board-head{display:block}.fleet-board-head .btn{margin-top:12px}.fleet-health-filters{grid-template-columns:1fr 1fr}}@media(max-width:430px){.fleet-health-filters{grid-template-columns:1fr}}

/* Cisco phone application health console */
.apps-health-hero{border-color:rgba(83,227,255,.4)!important}.app-alert{border-left:5px solid #54e9ff}.app-alert.ok{border-left-color:#53ef8a}.app-alert.warn{border-left-color:#f2cb54}.app-alert.bad{border-left-color:#ff5874}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-title-row h2{margin-bottom:2px}.app-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-health-card{position:relative;padding:17px;border:1px solid rgba(101,190,225,.28);border-radius:17px;background:linear-gradient(145deg,rgba(13,44,65,.78),rgba(3,19,32,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}.app-health-card.ok{border-color:rgba(82,244,137,.38)}.app-health-card.bad{border-color:rgba(255,86,116,.5)}.app-health-title{display:flex;align-items:center;gap:10px}.app-health-title h3{flex:1;margin:0}.app-orb{width:11px;height:11px;border-radius:50%;background:#59f48c;box-shadow:0 0 14px #59f48c}.app-health-card.bad .app-orb{background:#ff5874;box-shadow:0 0 14px #ff5874}.app-health-card>p{color:#a8c4d1}.app-health-card>code{display:block;overflow:auto;padding:9px;border-radius:9px;background:rgba(0,8,16,.55);color:#74eaff}.app-health-card dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:14px 0}.app-health-card dt{color:#83a6b8}.app-health-card dd{margin:0;color:#e4f7ff}.app-error{margin:10px 0;padding:8px;border-radius:8px;background:rgba(100,15,30,.5);color:#ff9baa}
@media(max-width:850px){.app-health-grid{grid-template-columns:1fr}}@media(max-width:620px){.section-title-row{display:block}.section-title-row .btn{margin:8px 0 14px}}

/* Provisioning drift control */
.drift-hero{border-color:rgba(133,174,255,.42)!important}.drift-current{color:#70ff9e!important;border-color:#54ec88!important}.drift-drift{color:#ffe078!important;border-color:#e9c550!important}.drift-missing,.drift-invalid{color:#ff8799!important;border-color:#ff5874!important}.kv .mono{overflow-wrap:anywhere;font-size:.74rem}

/* Safe fleet action center */
.fleet-action-hero{border-color:rgba(90,240,190,.42)!important}.fleet-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.fleet-select-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(100,193,226,.27);border-radius:14px;background:rgba(8,31,48,.66);cursor:pointer}.fleet-select-card:has(input:checked){border-color:#58ef94;background:rgba(18,73,64,.72);box-shadow:inset 0 0 0 1px rgba(88,239,148,.2)}.fleet-select-card input{width:19px;height:19px}.fleet-select-card span,.fleet-select-card small{display:block}.fleet-select-card small{margin-top:3px;color:#8faebe}.fleet-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding:15px;border-radius:14px;background:rgba(7,28,43,.72)}.fleet-confirm .check{flex:1 1 100%}.job-chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.job-chip-grid a{padding:10px;border:1px solid rgba(79,238,140,.36);border-radius:10px;background:rgba(14,66,55,.56);color:#dfffee;text-decoration:none}@media(max-width:900px){.fleet-select-grid,.job-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.fleet-select-grid,.job-chip-grid{grid-template-columns:1fr}}

/* TLS Certificate Watch */
.tls-hero{border-color:rgba(101,199,255,.44)!important}.tls-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tls-card{padding:17px;border:1px solid rgba(91,195,231,.28);border-radius:16px;background:linear-gradient(145deg,rgba(11,42,63,.78),rgba(3,18,31,.78))}.tls-card.ok{border-color:rgba(83,240,139,.4)}.tls-card.bad{border-color:rgba(255,84,116,.5)}.tls-card>div{display:flex;align-items:center;gap:10px}.tls-card h3{flex:1;margin:0}.tls-card p{color:#b5ced9}.tls-card small{color:#7f9faf}@media(max-width:760px){.tls-card-grid{grid-template-columns:1fr}}

/* Recovery Readiness Center */
.recovery-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}
.command-live.is-warn{border-color:#ffb84d;color:#ffd79a;background:rgba(255,151,35,.12)}
.recovery-metrics article.metric-danger{border-color:rgba(255,76,106,.65);box-shadow:inset 0 0 24px rgba(255,50,90,.08)}
.recovery-table-wrap{overflow-x:auto}.recovery-table{width:100%;border-collapse:collapse}.recovery-table th{text-align:left;color:#74ff9d;font-size:.72rem;letter-spacing:.12em}.recovery-table th,.recovery-table td{padding:13px 12px;border-bottom:1px solid rgba(69,255,120,.13);vertical-align:top}.recovery-table td strong,.recovery-table td small{display:block}.recovery-table code{font-size:.72rem;overflow-wrap:anywhere;color:#b8cbbf}
.recovery-state{display:inline-flex;padding:5px 9px;border:1px solid rgba(98,255,145,.45);border-radius:999px;color:#86ffa9;font-size:.68rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}.state-mismatch,.state-invalid-checksum,.state-failed,.state-rejected{border-color:#ff5873;color:#ff8799;background:rgba(255,58,89,.08)}.state-unverified{border-color:#ffbd55;color:#ffd08a}.state-completed{color:#78ffb1}
.recovery-jobs{display:grid;gap:10px}.recovery-jobs article{display:flex;justify-content:space-between;gap:18px;padding:14px;border:1px solid rgba(73,255,125,.18);border-radius:14px;background:rgba(0,26,14,.5)}.recovery-jobs article small{display:block;color:#829e8d;margin-top:5px}.recovery-jobs article p{margin:.5rem 0 0;color:#ff9aaa}
.recovery-gates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recovery-gates div{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid rgba(73,255,125,.2);border-radius:14px}.recovery-gates b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(65,255,120,.15);color:#67ff92}
@media(max-width:900px){.recovery-hero{align-items:flex-start;flex-direction:column}.recovery-gates{grid-template-columns:1fr 1fr}.recovery-jobs article{align-items:flex-start;flex-direction:column}}
.intelligence-timeline{display:grid;gap:0}.intelligence-timeline article{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:15px 4px;border-bottom:1px solid rgba(73,255,125,.14)}.intelligence-timeline time{color:#68f6ff;font:700 .75rem/1.4 monospace}.intelligence-timeline small{display:block;color:#85a390;margin-top:3px}.intelligence-timeline p{margin:.45rem 0 0;color:#cfe0d4}@media(max-width:700px){.intelligence-timeline article{grid-template-columns:1fr;gap:5px}}
.health-bars{display:grid;gap:12px}.health-bars article{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,3fr) 70px;align-items:center;gap:18px;padding:12px;border:1px solid rgba(73,255,125,.16);border-radius:13px}.health-bars small{display:block;color:#829e8d;margin-top:4px}.health-bars b{text-align:right;color:#6effa0}.health-track{height:9px;border-radius:999px;background:rgba(42,98,59,.35);overflow:hidden}.health-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#24e86a,#73ffd2);box-shadow:0 0 12px rgba(56,255,125,.55)}@media(max-width:700px){.health-bars article{grid-template-columns:1fr}.health-bars b{text-align:left}}
.host-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.host-health-card{padding:22px}.host-health-card h2{margin:.45rem 0 1rem}.host-health-card p{min-height:3em;color:#c7dace}.host-health-card small{color:#81978a}.host-state{display:inline-flex;font-size:1.45rem;color:#61ff94;text-shadow:0 0 14px rgba(69,255,124,.45)}.host-state.state-degraded,.host-state.state-down{color:#ff9b75}@media(max-width:1000px){.host-health-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.host-health-grid{grid-template-columns:1fr}}
.security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.security-card{padding:20px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.security-card h2{font-size:1.08rem;margin:.4rem 0}.security-card p{grid-column:1/-1;color:#bfd1c4;margin:.3rem 0 0}.state-attention{border-color:#ffad55;color:#ffd08a;background:rgba(255,148,35,.08)}@media(max-width:1100px){.security-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.security-grid{grid-template-columns:1fr}}

/* Global Action Center signal: authoritative count, refreshed without a page reload. */
.global-action-badge{display:inline-flex;align-items:center;gap:.45rem;min-height:30px;padding:.25rem .6rem;border:1px solid rgba(126,249,255,.32);border-radius:999px;background:linear-gradient(180deg,rgba(34,61,78,.78),rgba(8,20,29,.82));color:#dffcff;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.16),0 5px 18px rgba(0,0,0,.22);transition:.2s ease}
.global-action-badge:hover{transform:translateY(-1px);filter:brightness(1.12)}
.global-action-badge b{display:grid;place-items:center;min-width:1.45rem;height:1.45rem;padding:0 .3rem;border-radius:999px;background:#193344;color:#dffcff;font-variant-numeric:tabular-nums}
.global-action-badge.is-clear{border-color:rgba(83,255,151,.48);color:#8dffb6}.global-action-badge.is-clear b{background:#126c43;color:#dfffea}
.global-action-badge.is-warning{border-color:rgba(255,194,83,.66);color:#ffe2a6}.global-action-badge.is-warning b{background:#8b5b0d;color:#fff6dc}
.global-action-badge.is-critical{border-color:rgba(255,93,113,.72);color:#ffd1d8;box-shadow:0 0 20px rgba(255,61,91,.2)}.global-action-badge.is-critical b{background:#a51f3a;color:#fff}
.global-action-badge.is-info{border-color:rgba(111,182,255,.55)}
@media(max-width:900px){.global-action-label{display:none}.global-action-badge{padding:.22rem}}