.app-status{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:24px;padding:26px;display:flex}.app-status-heading{align-items:center;gap:10px;display:flex}.app-status-icon{color:var(--mint);display:inline-flex}.app-status-heading h2{color:var(--text);letter-spacing:-.035em;flex:1;margin:0;font:400 24px/1.3 Space Grotesk,sans-serif}.app-status-version{color:var(--muted);font-size:10px}.app-status-stage,.app-status-connection{color:var(--soft-text);align-items:flex-start;gap:12px;font-size:11px;line-height:1.9;display:flex}.app-status-stage{flex-wrap:wrap;gap:8px 12px}.app-status-stage strong,.app-status-connection strong{color:var(--text);font-weight:500}.app-status-stage>:last-child{color:var(--muted);flex-basis:100%;padding-left:18px}.app-status-dot{background:var(--muted);border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}.app-status-dot.is-preview{background:var(--gold)}.app-status-dot.is-reachable{background:var(--mint)}.app-status-connection>div{flex:1}.app-status-connection p{color:var(--muted);margin:4px 0 0;font-size:10px}.app-status-refresh{border:1px solid var(--border);min-height:36px;color:var(--mint);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font:10px/1.6 DM Sans,sans-serif;transition:background .2s;display:inline-flex}.app-status-refresh:hover{background:var(--raised)}.app-status-refresh:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.app-status-refresh:disabled{opacity:.5;cursor:wait}@media (width<=600px){.app-status{padding:20px}.app-status-connection{flex-wrap:wrap}.app-status-refresh{flex-basis:100%;margin-left:18px}}@media (prefers-reduced-motion:reduce){.app-status-refresh{transition:none}}