/* Round 28d (UPD-4, D3): status page (static page on S3 and marketing /status). Tokens only. */

.sc-status-page {
    max-width: 720px;
    margin: 0 auto;
    padding: 48px 16px;
    color: var(--sc-color-text);
    font-family: var(--sc-font-sans);
}

.sc-status-hero {
    padding: 24px;
    border-radius: var(--sc-radius-lg);
    border: 1px solid var(--sc-color-border);
    background: var(--sc-color-surface);
}

.sc-status-hero.is-operational { border-color: var(--sc-color-green); background: var(--sc-color-green-soft); }
.sc-status-hero.is-outage { border-color: var(--sc-color-danger); background: var(--sc-color-danger-soft); }

.sc-status-hero-title {
    margin: 0;
    font-size: 24px;
    font-weight: var(--sc-font-weight-title);
    color: var(--sc-color-text-strong);
}

.sc-status-hero-meta,
.sc-status-incident-meta,
.sc-status-empty {
    margin: 8px 0 0;
    color: var(--sc-color-text-muted);
    font-size: 14px;
}

.sc-status-incidents { margin-top: 32px; }

.sc-status-incidents-title {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: var(--sc-font-weight-title);
    color: var(--sc-color-text-strong);
}

.sc-status-incident {
    padding: 16px 0;
    border-top: 1px solid var(--sc-color-border);
}

.sc-status-incident-title {
    margin: 0;
    font-size: 15px;
    font-weight: var(--sc-font-weight-ui);
    color: var(--sc-color-text-strong);
}

.sc-status-incident.is-open .sc-status-incident-title { color: var(--sc-color-danger); }

.sc-status-incident-text {
    margin: 8px 0 0;
    font-size: 14px;
    white-space: pre-line;
}

/* Standalone page on S3 (status/index.html). */
.sc-status-standalone {
    margin: 0;
    min-height: 100vh;
    background: var(--sc-color-bg);
}

/* Run 31d (APP-3, r.202): the status page in small, inside the right rest sidebar. */
.sc-status-page--panel { padding: 0; }
.sc-status-page--panel .sc-status-hero-title { font-size: 18px; }