.telemetry-app{height:100%;min-height:0;color:var(--text-1);background:0 0;flex-direction:column;gap:12px;padding:14px 16px;display:flex;overflow:hidden}.telemetry-app-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.telemetry-app-title{margin:0;font-size:18px;font-weight:600}.telemetry-app-subtitle{opacity:.65;max-width:520px;margin:4px 0 0;font-size:11px}.telemetry-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:6px;padding-bottom:8px;display:flex}.telemetry-tab-btn{color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.telemetry-tab-btn:hover{background:var(--bg-elevated);color:var(--text-1)}.telemetry-tab-btn.active{background:var(--bg-section);border-color:var(--border);color:var(--text-1)}.telemetry-app-body{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.telemetry-tab{flex-direction:column;gap:16px;display:flex}.telemetry-hero-kpis{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.telemetry-charts-row{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}@media (width<=720px){.telemetry-charts-row{grid-template-columns:1fr}}.telemetry-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px}.telemetry-daily-bars{min-height:120px}.telemetry-donut{--text-pct:50%;background:conic-gradient(#3b82f6 0 var(--text-pct), #8b5cf6 var(--text-pct) 100%);border-radius:50%;place-items:center;width:120px;height:120px;margin:12px auto;display:grid;position:relative}.telemetry-donut-center{background:var(--bg-card);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;font-size:11px;font-weight:600;line-height:1.2;display:flex}.telemetry-donut-center small{opacity:.6;font-size:9px;font-weight:400}.telemetry-donut-legend{opacity:.8;flex-direction:column;gap:4px;font-size:11px;display:flex}.telemetry-legend-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.telemetry-legend-dot--text{background:#3b82f6}.telemetry-legend-dot--image{background:#8b5cf6}.telemetry-recent-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.telemetry-recent-list li{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;grid-template-columns:72px 1fr 80px 72px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:grid}.telemetry-recent-fail,.cost-row-fail{border-color:#ef444459!important}.telemetry-recent-cost{text-align:right;font-weight:600}.telemetry-empty{opacity:.65;margin:8px 0;font-size:12px}.telemetry-delta{margin-top:2px;font-size:10px;font-weight:600}.telemetry-delta--up{color:#ef4444}.telemetry-delta--down{color:#22c55e}.telemetry-delta--flat{color:var(--text-3)}.telemetry-compare-hint{opacity:.7;margin:0;font-size:12px}.telemetry-rankings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.telemetry-ranking-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:10px;overflow:auto}.telemetry-compare-table-wrap{overflow-x:auto}.telemetry-settings-cta{margin-bottom:12px}.telemetry-settings-summary{margin-bottom:16px}.cost-filters--compact{gap:8px}.cost-filters--compact .cost-filter-row{margin-bottom:0}.telemetry-pricing-note{opacity:.65;margin:0;font-size:11px}.telemetry-requests-guide{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:12px}.telemetry-requests-guide summary{cursor:pointer;font-weight:600}.telemetry-requests-guide-body{opacity:.85;margin-top:8px}.telemetry-requests-guide-body ul{margin:6px 0;padding-left:18px}.telemetry-failure-banner{color:#ef4444;background:#ef44441f;border-radius:8px;margin:0;padding:8px 12px;font-size:12px;font-weight:600}.cost-table--requests{font-size:11px}.cost-expand-cell{opacity:.5;text-align:center;width:24px}.cost-row-detail td{background:var(--bg-elevated);padding:8px 12px!important}.telemetry-event-detail{grid-template-columns:120px 1fr;gap:4px 12px;margin:0;font-size:11px;display:grid}.telemetry-event-detail dt{opacity:.65;font-weight:500}.telemetry-event-detail dd{word-break:break-word;margin:0}.telemetry-op-code{background:var(--bg-section);border-radius:4px;padding:1px 4px;font-size:10px}.telemetry-status-ok{color:#22c55e;font-weight:600}.telemetry-status-fail{color:#ef4444;font-weight:600}.telemetry-error-cell{text-overflow:ellipsis;white-space:nowrap;opacity:.75;max-width:120px;overflow:hidden}.cost-row-expanded{background:var(--bg-elevated)}