.telemetry { max-width:1400px; margin:auto; padding:0 4px; }
.fleet-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin:26px 0 24px; }
.fleet-hero h1 { font:500 clamp(28px,4vw,44px)/1.1 var(--font-display); letter-spacing:-.04em; margin:7px 0 12px; }
.fleet-hero p { color:var(--muted); max-width:650px; font-size:14px; }
.fleet-actions { display:flex; flex-wrap:wrap; gap:8px; }
.fleet-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.fleet-metric { padding:18px; min-width:0; }
.fleet-metric strong { display:block; font:500 30px/1.2 var(--font-display); color:var(--cyan); margin:4px 0; }
.fleet-metric span,.fleet-metric small { color:var(--muted); font-size:12px; }
.fleet-section { margin:24px 0; }
.fleet-section h2 { font:500 19px var(--font-display); margin:0 0 12px; }
.fleet-list { display:grid; gap:10px; }
.fleet-row { padding:16px 18px; min-width:0; }
.fleet-row-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.fleet-row h3 { font:500 15px var(--font-display); overflow-wrap:anywhere; }
.fleet-sub { font-size:12px; color:var(--muted); margin-top:5px; overflow-wrap:anywhere; }
.fleet-tag { display:inline-block; padding:5px 9px; border-radius:20px; font:500 10px var(--font-mono); white-space:nowrap; background:var(--cyan-faint); color:var(--cyan); }
.fleet-tag.error,.fleet-tag.high,.fleet-tag.auth_failure,.fleet-tag.billing_failure { color:var(--crit); background:rgba(255,92,110,.1); }
.fleet-tag.stale,.fleet-tag.warning,.fleet-tag.quota_failure { color:var(--warn); background:rgba(255,176,32,.1); }
.fleet-tag.not_configured,.fleet-tag.unsupported,.fleet-tag.unknown { color:var(--muted); background:rgba(139,149,165,.12); }
.fleet-tag.connected,.fleet-tag.healthy { color:var(--good); background:rgba(38,217,128,.1); }
.fleet-note { border-left:2px solid var(--warn); padding:12px 16px; background:rgba(255,176,32,.04); font-size:13px; color:var(--muted); margin:16px 0; }
.fleet-empty { padding:26px 20px; color:var(--muted); font-size:14px; }
.fleet-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.fleet-search { width:100%; padding:14px 16px; background:var(--surface-solid); color:var(--text); border:1px solid var(--cyan-dim); border-radius:12px; font:14px var(--font-body); margin-bottom:12px; }
.fleet-detail { margin-top:14px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08); }
.fleet-detail pre { white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.6 var(--font-mono); color:var(--muted); max-height:330px; overflow:auto; margin-top:8px; }
.fleet-row > summary { cursor:pointer; list-style:none; }
.fleet-row > summary::-webkit-details-marker { display:none; }
.fleet-row > summary::after { content:'View details +'; display:block; margin-top:10px; color:var(--cyan); font-size:11px; }
.fleet-row[open] > summary::after { content:'Close details -'; }
.fleet-event { padding:12px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.fleet-event:last-child { border:0; }
.fleet-topology { padding:18px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.fleet-node { flex:1; min-width:130px; border:1px solid var(--cyan-dim); border-radius:12px; padding:16px; }
.fleet-node strong { display:block; font:500 15px var(--font-display); }
.fleet-node small { color:var(--muted); font-size:11px; }
.fleet-topology-caption { flex-basis:100%; color:var(--faint); font-size:11px; }
:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.tabs { overflow-x:auto; scrollbar-width:thin; padding-bottom:6px; }
.tab { flex-shrink:0; min-height:44px; }
.btn-ghost,.btn-cyan { min-height:44px; }
.install-help { font-size:12px; color:var(--muted); }
.app-dialog { margin:auto; color:var(--text); background:var(--surface-solid); max-width:480px; width:calc(100% - 32px); padding:24px; }
.app-dialog::backdrop { background:rgba(0,0,0,.7); }
.app-dialog h2 { font:500 24px var(--font-display); }
.app-dialog h3 { font-size:14px; margin:20px 0 8px; }
.app-dialog p { color:var(--muted); font-size:14px; margin:10px 0 18px; }
.fleet-source-toggle { color:var(--cyan); cursor:pointer; font-size:13px; padding:12px 0; }
@media(max-width:768px) {
  .tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; overflow:visible; }
  .tab { padding:10px 6px; font-size:12px; }
  .dash-header .install-btn { display:none; }
  .fleet-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fleet-grid { grid-template-columns:1fr; }
  .fleet-hero { flex-direction:column; }
  .fleet-hero h1 { font-size:32px; }
  .fleet-row { padding:14px; }
  .dash { padding-left:max(14px,env(safe-area-inset-left)); padding-right:max(14px,env(safe-area-inset-right)); padding-bottom:max(20px,env(safe-area-inset-bottom)); }
  .dash-header { flex-wrap:wrap; gap:12px; }
  .header-status { order:3; width:100%; text-align:left; }
  .dash-header .brand-row { margin-right:auto; }
  .brand-name { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }