.telemetry-panel { margin-bottom: 28px; }
.telemetry-heading { display: flex; justify-content: space-between; gap: 30px; align-items: start; }
.telemetry-heading h2 { margin: 0; }
.telemetry-heading p:last-child { max-width: 690px; color: var(--muted); }
.telemetry-live { padding: 7px 11px; border-radius: 20px; background: #cde7cc; text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.telemetry-summary { display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; margin: 28px 0; background: var(--line); }
.telemetry-summary div { display: grid; gap: 3px; padding: 18px; background: #ece9e0; }
.telemetry-summary strong { font: 600 25px var(--display); }
.telemetry-summary span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.bandwidth-heading { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin:30px 0 10px; }
.bandwidth-heading h3 { margin:0; font:600 17px var(--display); }
.bandwidth-heading small { color:var(--muted); }
.bandwidth-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-bottom:28px; background:var(--line); }
.bandwidth-summary div { display:grid; gap:3px; padding:18px; background:#151f1c; color:#f4f1e8; }
.bandwidth-summary strong { font:600 22px var(--display); }
.bandwidth-summary span { color:#aeb8b3; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.telemetry-health { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin: -12px 0 28px; }
.telemetry-health small { margin-left: auto; color: var(--muted); }
.telemetry-public-control { display: flex; align-items: end; gap: 14px; margin: -8px 0 30px; padding: 18px; background: #ece9e0; }
.telemetry-public-control label { display: grid; gap: 5px; min-width: 230px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.telemetry-public-control select { padding: 10px; border: 1px solid var(--line); background: #f7f5ef; font: 14px var(--sans); }
.telemetry-public-control small { margin-left: auto; max-width: 340px; color: var(--muted); }
.telemetry-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.telemetry-grid section { padding-top: 16px; border-top: 1px solid var(--line); }
.telemetry-grid h3 { margin: 0 0 12px; font: 600 17px var(--display); }
.telemetry-grid ol { margin: 0; padding: 0; list-style: none; }
.telemetry-grid li { display: flex; justify-content: space-between; gap: 15px; padding: 6px 0; font-size: 12px; }
.telemetry-grid li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.telemetry-grid li strong { font-variant-numeric: tabular-nums; }
.telemetry-empty { color: var(--muted); font-size: 12px; }
.bandwidth-breakdown { margin-top:28px; padding-top:18px; border-top:1px solid var(--line); }
.bandwidth-breakdown h3 { margin:0 0 12px; font:600 17px var(--display); }
.bandwidth-breakdown ol { display:grid; grid-template-columns:repeat(2,1fr); gap:0 28px; margin:0; padding:0; list-style:none; }
.bandwidth-breakdown li { display:flex; justify-content:space-between; gap:15px; padding:7px 0; border-bottom:1px solid var(--line); font-size:12px; }
.bandwidth-breakdown li small { margin-left:6px; color:var(--muted); }
.telemetry-recent { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--line); }
.telemetry-recent summary { cursor: pointer; font-weight: 600; }
.telemetry-recent p { display: grid; grid-template-columns: 130px 1fr 1fr; gap: 15px; margin: 0; padding: 9px 0; border-top: 1px solid var(--line); font-size: 12px; }
.telemetry-recent div { margin-top: 12px; }
.telemetry-recent time,.telemetry-recent span { color: var(--muted); }
.public-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); padding: 0 clamp(24px,5vw,76px) 70px; gap: 1px; background: var(--ink); color: var(--paper); }
.public-stats div { display: grid; gap: 4px; padding: 25px; border: 1px solid rgba(255,255,255,.16); }
.public-stats strong { font: 600 clamp(28px,4vw,48px) var(--display); }
.public-stats span { color: #bfc5c2; font-size: 11px; text-transform: uppercase; letter-spacing: .09em; }
.monthly-telemetry{margin:28px 0;padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.2)}.monthly-telemetry-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.monthly-telemetry-heading h3{margin:0 0 4px}.monthly-telemetry-heading small{color:var(--muted)}.monthly-telemetry-table{overflow-x:auto;border:1px solid var(--line)}.monthly-telemetry-row{display:grid;grid-template-columns:1.4fr repeat(4,1fr);min-width:650px;border-top:1px solid var(--line);background:#f5f2eb}.monthly-telemetry-row:first-child{border-top:0}.monthly-telemetry-row>span{padding:12px 14px;border-left:1px solid var(--line);text-align:right}.monthly-telemetry-row>span:first-child{border-left:0;text-align:left}.monthly-telemetry-row.heading{background:#ddd9cf;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:900px){.telemetry-summary,.bandwidth-summary{grid-template-columns:repeat(2,1fr)}.telemetry-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.telemetry-grid,.public-stats,.bandwidth-breakdown ol{grid-template-columns:1fr}.telemetry-recent p{grid-template-columns:1fr}.telemetry-heading,.telemetry-public-control,.bandwidth-heading,.monthly-telemetry-heading{align-items:stretch;flex-direction:column}.telemetry-public-control small{margin-left:0}}
.monthly-telemetry-row.is-current{position:relative;background:#e5f0f3;box-shadow:inset 4px 0 #2f88b5}.monthly-telemetry-row.is-current>span{border-left-color:rgba(47,136,181,.2)}.monthly-telemetry-row.is-current small{display:block;margin-top:2px;color:#236d94;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.workbench-engagement{margin:26px 0;padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.2)}.workbench-engagement-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:14px}.workbench-engagement-heading h3{margin:0}.workbench-engagement-heading small{max-width:620px;color:var(--muted)}.workbench-engagement-table{overflow-x:auto;border:1px solid var(--line)}.workbench-engagement-row{display:grid;grid-template-columns:2fr repeat(4,.8fr);min-width:760px;border-top:1px solid var(--line);background:#f5f2eb}.workbench-engagement-row:first-child{border-top:0}.workbench-engagement-row>span{padding:12px 14px;border-left:1px solid var(--line);text-align:right}.workbench-engagement-row>span:first-child{border-left:0;text-align:left}.workbench-engagement-row.heading{background:#ddd9cf;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}