@scope([data-view=status-page])to ([data-view]){main{padding-top:80px}.status-hero{padding:calc(2.5 * var(--leading)) 0;background:transparent}.status-hero .lead{margin:var(--leading) 0 0}.status-content{padding:calc(2 * var(--leading)) 0;border-top:1px solid var(--border);background:transparent}.status-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--leading);margin-bottom:calc(1.5 * var(--leading));padding-bottom:var(--leading);border-bottom:1px solid var(--border)}.auto-refresh-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;color:var(--text-muted);font-size:.9rem}.auto-refresh-toggle input[type=checkbox]{width:auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--leading)}.service-card{background:transparent;border-top-width:1px;padding:var(--leading)}.service-card.status-healthy{border-top-color:var(--color-success)}.service-card.status-degraded{border-top-color:var(--color-warning)}.service-card.status-down{border-top-color:var(--color-error)}.service-header{display:flex;justify-content:space-between;align-items:center;gap:var(--half);margin-bottom:var(--leading);padding-bottom:var(--half);border-bottom:1px solid var(--border)}.service-name{display:flex;align-items:center;gap:var(--half)}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.status-icon svg{display:block;width:100%;height:100%}.service-name h2{font-family:var(--font-heading);font-size:1.375rem;font-weight:400;margin:0;color:var(--text)}.service-status{font-size:.75rem;letter-spacing:.09em}.service-status.status-healthy{color:var(--color-success)}.service-status.status-degraded{color:var(--color-warning)}.service-status.status-down{color:var(--color-error)}.service-status.status-checking{color:var(--text-muted)}.service-details{display:flex;flex-direction:column}.detail-row{display:flex;justify-content:space-between;gap:var(--half);padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.detail-row:last-child{border-bottom:0}.detail-label{color:var(--text-muted);letter-spacing:.04em}.detail-value{color:var(--text);font-family:var(--font-mono);font-feature-settings:"tnum" 1;text-align:right}.status-info{background:transparent;border-top:1px solid var(--border);padding:calc(1.5 * var(--leading)) 0 0;margin-top:calc(1.5 * var(--leading));max-width:var(--measure)}.status-info h3{color:var(--text);font-size:1.375rem;font-weight:400;margin:0 0 var(--half)}.status-info p{color:color-mix(in srgb,var(--text) 82%,transparent);line-height:var(--leading);font-size:.95rem;margin:0 0 var(--half)}.status-info ul{list-style:none;padding:0;margin:var(--half) 0}.status-info li{padding:.35rem 0;border-bottom:1px solid var(--border);color:color-mix(in srgb,var(--text) 82%,transparent);font-size:.9rem}.legend-healthy{color:var(--color-success);font-weight:400}.legend-degraded{color:var(--color-warning);font-weight:400}.legend-down{color:var(--color-error);font-weight:400}.status-info a{color:var(--color-brand-hover);text-decoration:none}.status-info a:hover{text-decoration:underline}@media(max-width:768px){.status-controls{flex-direction:column;gap:var(--half);align-items:stretch}.refresh-button{width:100%}.services-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:.25rem}.detail-value{text-align:left}}}