:root {
    --accent: #003366; --accent-content: #003366; --accent-foreground: #ffffff;
    --wx-summary: #003366; --wx-group-bg: #e8e8e8; --wx-group-border: #e5e5e5; --wx-group-title: #003366; --wx-maintenance: #003366;
}

@media (prefers-color-scheme: light) {
    :root { --accent-background: #ffffff; }
}

@media (prefers-color-scheme: dark) {
    :root {
        --accent: #6b9bd1; --accent-content: #6b9bd1; --accent-foreground: #0b1a2b;
        --wx-group-bg: #27272a; --wx-group-border: #3f3f46; --wx-group-title: #9cc3ee; --wx-maintenance: #6b9bd1;
    }
    .status-header [data-slot="brand"] img { filter: brightness(0) invert(1); }
    p, strong { color: inherit !important; }
}

.status-header { background: transparent; border-bottom: 0; backdrop-filter: none; }
.status-header [data-slot="content"], .status-page { max-width: 994px; }
.status-header [data-slot="content"] { padding-top: .625rem; padding-bottom: 0; }
.status-header [data-slot="brand"] img { width: 202px; height: auto; }
.status-page { padding-top: 1.25rem; }

.status-overview { background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.status-summary { background: var(--wx-summary); border: 0; border-radius: 4px; padding: 1.125rem 1rem; }
.status-summary [data-slot="title"] { color: #ffffff; }
.status-summary [data-slot="indicator"], .status-summary [data-slot="last-updated"] { display: none; }

.status-components { font-size: 15.4px; line-height: 22px; }
.status-components > ul { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 2.5rem; }
.status-components > ul > li { border: 1px solid var(--wx-group-border); }
.status-components [data-component="component-group"] > [data-slot="trigger"] { background: var(--wx-group-bg); padding-top: 9.24px; padding-bottom: 9.24px; }
.status-components [data-component="component-group"] > [data-slot="trigger"] [data-slot="title"] { color: var(--wx-group-title); font-weight: 700; }
.status-components [data-component="component-group"] > [data-slot="trigger"] > [data-slot="status"] { font-size: 0; }
.status-components [data-component="component-group"] > [data-slot="trigger"] > [data-slot="status"]::after { content: ""; display: inline-block; width: .625rem; height: .625rem; border-radius: 9999px; background: currentColor; }
.status-components [data-component="component"] { padding: 15px; }
.status-components [data-component="component"] [data-slot="status"] span { font-size: 13px; line-height: 18.7px; font-weight: 400; }
.status-components [data-component="component"] [data-slot="description"] button { width: 1.5rem; height: 1.375rem; }
.status-components [data-component="component"] [data-slot="description"] p { color: inherit !important; }

.status-components .text-green-600 { color: #7ed321; }
.status-components .text-purple-600 { color: var(--wx-maintenance); }
.status-components .text-amber-600 { color: #f7ca18; }
.status-components .text-orange-600 { color: #ff8800; }
.status-components .text-red-600 { color: #ff6f6f; }