:root {
  --bg:#071018; --panel:#0d1a25; --panel2:#102331; --line:#244355;
  --text:#e7f4fb; --muted:#8fa9b8; --cyan:#52d4ff; --green:#49e59f;
  --yellow:#ffd166; --red:#ff6577; --blue:#72a7ff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 15% -10%,#16354a 0,transparent 38%),var(--bg);color:var(--text);font:15px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line)}
h1{font:700 clamp(2rem,5vw,4rem)/.95 system-ui,sans-serif;margin:.2rem 0}.eyebrow{color:var(--cyan);letter-spacing:.16em;font-size:.75rem}#provenance{color:var(--muted)}
.overall{padding:.8rem 1.2rem;border:1px solid currentColor;border-radius:.5rem;font-weight:800;letter-spacing:.08em}.healthy,.ok{color:var(--green)}.degraded,.warn,.unknown,.planned{color:var(--yellow)}.critical,.crit,.fail{color:var(--red)}.info{color:var(--cyan)}
nav{position:sticky;top:0;z-index:5;display:flex;gap:.4rem;overflow:auto;padding:.7rem clamp(1rem,4vw,4rem);background:#071018ee;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav a{color:var(--muted);text-decoration:none;padding:.45rem .7rem;border-radius:.35rem;white-space:nowrap}nav a:hover{background:var(--panel2);color:var(--cyan)}
main{max-width:1600px;margin:auto;padding:1.2rem clamp(.7rem,3vw,3rem) 4rem}.section-title{margin:2.2rem 0 .8rem;color:var(--cyan);font:700 1.35rem system-ui,sans-serif}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.panel,.metric{background:linear-gradient(150deg,var(--panel),#09141d);border:1px solid var(--line);border-radius:.65rem;padding:1rem;box-shadow:0 10px 30px #0003}.metric b{display:block;font-size:1.6rem;color:var(--cyan)}.metric span,.muted{color:var(--muted)}
h2,h3{font-family:system-ui,sans-serif;margin:.2rem 0 .8rem}h3{font-size:1rem;color:#b7d8e7}ul{margin:.4rem 0;padding-left:1.25rem}.issue{border-left:3px solid currentColor;padding:.4rem .7rem;margin:.4rem 0;background:#ffffff05}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:.55rem .65rem;border-bottom:1px solid #1c3443;vertical-align:top}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}td small{color:var(--muted)}
.badge{display:inline-block;padding:.15rem .45rem;border:1px solid currentColor;border-radius:99px;font-size:.72rem;font-weight:800}.card-title{display:flex;justify-content:space-between;gap:1rem}.detail{color:var(--muted);font-size:.86rem;word-break:break-word}.guest{margin-top:.8rem}.probe{display:grid;grid-template-columns:7rem minmax(10rem,22rem) 1fr;gap:.5rem;padding:.35rem 0;border-bottom:1px solid #172e3c}.empty{color:var(--muted);font-style:italic}
footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:1.5rem}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.probe{grid-template-columns:1fr}.overall{align-self:flex-start}}
.hostagent-control{margin:1rem 1.5rem 0;border-color:#39516b}
.hostagent-control h2{margin:0;font-size:1.05rem}
.control-form{display:grid;grid-template-columns:minmax(12rem,18rem) minmax(14rem,26rem) auto;gap:.8rem;align-items:end;margin-top:1rem}
.control-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.control-form input,.control-form textarea{width:100%;border:1px solid #40536a;border-radius:.45rem;background:#0b121c;color:var(--text);padding:.68rem;font:inherit;text-transform:none;letter-spacing:normal}
.control-form input:focus,.control-form textarea:focus{outline:2px solid var(--blue);outline-offset:1px}
.control-form button{border:1px solid #487cb3;border-radius:.45rem;background:#174f82;color:#fff;padding:.7rem 1rem;font-weight:800;cursor:pointer}
.control-form button.secondary{background:#222e3c;border-color:#4c5f73}
.control-form button:disabled{opacity:.55;cursor:wait}
.control-message{grid-column:1 / -1}
.control-actions{display:flex;gap:.7rem;grid-column:1 / -1}
.say-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;overflow:auto;background:#080d14;border:1px solid #33455a;border-radius:.45rem;padding:.8rem;color:#d9e8f7}
[hidden]{display:none!important}
@media(max-width:760px){.control-form{grid-template-columns:1fr}.hostagent-control{margin:.8rem}.control-message,.control-actions{grid-column:1}}