.status-line{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--clr-text-muted);margin:.6rem 0;min-height:1.5rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-amber{background:#f59e0b;animation:pulse 1.2s ease-in-out infinite}.dot-green{background:var(--clr-ok-border)}.dot-red{background:var(--clr-error-text)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.stream-test-form form{display:flex;flex-direction:column;gap:.6rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);margin-bottom:.5rem}.stream-test-form button[type=submit]{align-self:flex-start;margin-top:.25rem}.stream-test-result{margin-top:.5rem}.metric-tiles{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0}.metric-tile{flex:1 1 calc(25% - .75rem);min-width:100px;background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius);padding:.6rem .8rem;text-align:center}.metric-value{font-size:1.15rem;font-weight:700;color:var(--clr-text)}.metric-label{font-size:.72rem;color:var(--clr-text-muted);margin-top:.15rem}.stream-details{display:grid;grid-template-columns:auto 1fr;gap:.3rem .75rem;font-size:.9rem;margin:.75rem 0}.stream-details dt{font-weight:600;color:var(--clr-text-muted);font-size:.875rem}.pro-teaser-dt{color:var(--clr-text-muted);opacity:.6}.pro-teaser-metrics{font-weight:400}.pro-teaser-dd{opacity:.6}.pro-teaser-link{color:var(--clr-accent);font-size:.85rem}.pro-badge{display:inline-block;background:var(--clr-accent);color:#fff;font-size:.65rem;font-weight:700;padding:.1em .4em;border-radius:3px;vertical-align:middle;margin-right:.2em;letter-spacing:.04em}.sparkline-card{background:#1e2230;border-radius:var(--radius);padding:.9rem 1rem;margin:.75rem 0;color:#e2e8f0}.sparkline-label{font-size:.75rem;font-weight:600;opacity:.7;margin-bottom:.5rem}.sparkline-hook{font-size:.8rem;margin-top:.5rem;opacity:.8}.sparkline-hook a{color:#60a5fa}.live-badge{display:inline-block;color:var(--clr-ok-border);font-size:.75rem;font-weight:700;margin-left:.5rem;letter-spacing:.04em}.preview-frame{margin:.75rem 0}.preview-frame-label{font-size:.72rem;font-weight:600;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.preview-frame-img{display:block;width:100%;max-width:100%;border:1px solid var(--clr-border);border-radius:var(--radius);background:#0d0f14}.preview-frame-placeholder{display:flex;align-items:center;gap:.5rem;min-height:120px;justify-content:center;background:var(--clr-bg);border:1px dashed var(--clr-border);border-radius:var(--radius);color:var(--clr-text-muted);font-size:.85rem}.preview-frame-spinner{width:14px;height:14px;border:2px solid var(--clr-border);border-top-color:var(--clr-accent);border-radius:50%;animation:pf-spin .8s linear infinite}@keyframes pf-spin{to{transform:rotate(360deg)}}.preview-frame-unavailable{background:var(--clr-bg);border:1px dashed var(--clr-border);border-radius:var(--radius);padding:.75rem 1rem;text-align:center;font-size:.85rem;color:var(--clr-text-muted);font-style:italic}.probe-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.btn-secondary{padding:.45rem 1rem;background:transparent;color:var(--clr-accent);border:1.5px solid var(--clr-accent);border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:none}.btn-secondary:hover{background:var(--clr-accent-lt)}.report-link{display:inline-flex;align-items:center;font-size:.875rem;color:var(--clr-accent);font-weight:600;padding:.45rem .5rem}.probe-partial{font-size:.85rem;margin-top:.4rem;opacity:.8}.upgrade-strip{background:var(--clr-accent-lt);border:1px solid var(--clr-accent);border-radius:var(--radius);padding:.75rem 1.25rem;margin:1rem 0;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.upgrade-strip p{margin:0;color:var(--clr-text)}.upgrade-cta{display:inline-flex;align-items:center;gap:.3rem;margin-left:.5rem;font-weight:600;color:var(--clr-accent-dk)}.escalation-strip{padding:.7rem 1.25rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:.875rem;margin-top:.75rem}.escalation-strip--step1{background:var(--clr-surface);border:1px solid var(--clr-border)}.escalation-strip--step2{background:var(--clr-accent-lt);border:1px solid var(--clr-accent);border-left:4px solid var(--clr-accent)}.escalation-cta{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;color:var(--clr-accent-dk);white-space:nowrap}.escalation-banner--step3{position:relative;background:var(--clr-accent);color:#fff;border-radius:var(--radius);padding:1rem 1.5rem;margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.escalation-headline{font-weight:600;font-size:.95rem;color:#fff;margin:0}.btn-escalation{display:inline-block;background:#fff;color:var(--clr-accent-dk);font-weight:700;padding:.45rem 1.1rem;border-radius:var(--radius);font-size:.875rem;align-self:flex-start}.escalation-dismiss{position:absolute;top:.6rem;right:.75rem;background:transparent;color:#fffc;border:none;font-size:1.1rem;cursor:pointer;padding:0 .25rem;box-shadow:none;line-height:1}.escalation-dismiss:hover{color:#fff}@media(max-width:520px){.metric-tiles{gap:.5rem}.metric-tile{flex:1 1 calc(50% - .5rem)}.stream-details{grid-template-columns:1fr}.stream-details dt{margin-top:.4rem}}