/* Inherit the existing Material palette and typography in both docs views. */
.status-tabs { display: block; }
.status-tabs .md-tabs__list { overflow-x: auto; }
.status-footer { margin-top: 1.6rem; }
.md-typeset details.status-subscriptions { margin: 0 0 1.2rem; border: 0; border-bottom: 1px solid var(--md-default-fg-color--lightest); border-radius: 0; box-shadow: none; background: transparent; font-size: .7rem; }
.md-typeset .status-subscriptions > summary { margin: 0; padding: .5rem 0; background: transparent; color: var(--md-default-fg-color); font-weight: 500; }
.md-typeset .status-subscriptions > summary::before, .md-typeset .status-subscriptions > summary::after { display: none; }
.md-typeset .status-subscriptions > summary::marker { content: ''; }
.md-typeset .status-subscriptions > summary::after { content: ' +'; display: inline; position: static; background: none; color: var(--md-default-fg-color--light); }
.md-typeset .status-subscriptions[open] > summary::after { content: ' −'; }
.status-subscriptions p { color: var(--md-default-fg-color--light); max-width: 42rem; }
.status-email-form { max-width: 36rem; padding: .5rem 0 1rem; }
.status-email-form > label { display: block; margin-bottom: .3rem; }
.status-subscription-email { display: block; width: min(100%, 24rem); border: 1px solid var(--md-default-fg-color--lighter); padding: .45rem .6rem; border-radius: 4px; background: var(--md-default-bg-color); color: var(--md-default-fg-color); font: inherit; }
.status-email-models { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-height: 14rem; overflow-y: auto; gap: .4rem 1rem; padding: .5rem 0; border: 0; }
.status-email-models legend { padding: 0 0 .4rem; }
.status-email-models label { display: flex; align-items: start; gap: .45rem; cursor: pointer; }
.status-email-models input { margin-top: .25rem; accent-color: var(--md-accent-fg-color); flex-shrink: 0; }
.status-subscription-selection { display: flex; gap: 1rem; margin: .6rem 0; }
.status-subscription-select { font: inherit; color: var(--md-typeset-a-color); cursor: pointer; }
.status-subscription-button { font: inherit; border: 1px solid var(--md-default-fg-color--lighter); border-radius: 4px; padding: .45rem .7rem; cursor: pointer; }
.status-subscription-button:disabled { opacity: .6; cursor: wait; }
.status-subscriptions :focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 3px; }
@media (max-width: 650px) { .status-email-models { grid-template-columns: 1fr; } }
[data-model-status] { --st-ink: var(--md-default-fg-color); --st-secondary: var(--md-default-fg-color--light); --st-muted: var(--md-default-fg-color--light); --st-line: var(--md-default-fg-color--lightest); --st-soft: var(--md-code-bg-color); --st-active: var(--md-accent-fg-color--transparent); --st-warn: #946000; --st-fail: #c02e23; --st-blank: var(--md-default-fg-color--lightest); color: var(--st-ink); font-family: inherit; font-variant-numeric: tabular-nums; }
[data-md-color-scheme='slate'] [data-model-status] { --st-warn: #edb65a; --st-fail: #ff847a; }
[data-model-status] { --st-pass: #18794e; }
[data-md-color-scheme='slate'] [data-model-status] { --st-pass: #74c99f; }
[data-model-status] * { box-sizing: border-box; }
.status-overview { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px; margin: 0 0 16px; }
.status-updated { color: var(--st-muted); font-size: 11px; }
.status-search { appearance: none; width: 185px; max-width: 100%; border: 1px solid var(--st-line); border-radius: 7px; padding: 7px 10px; background: transparent; color: var(--st-ink); font: inherit; font-size: 12px; }
.status-search::placeholder { color: var(--st-muted); }
[data-model-status] :focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 3px; }
.status-table { border-top: 1px solid var(--st-line); }
.status-columns, .status-row > summary { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) 96px 64px 66px 10px; align-items: center; gap: 14px; }
.status-columns { padding: 0 0 9px; color: var(--st-muted); font-size: 10px; }
.status-columns span:nth-child(4), .status-columns span:nth-child(5) { text-align: right; }
[data-model-status] details.status-row { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--st-line); border-radius: 0; background: transparent; box-shadow: none; color: inherit; font-size: inherit; }
[data-model-status] .status-row > summary { margin: 0; padding: 14px 0; background: transparent; list-style: none; cursor: pointer; font-size: 13px; font-weight: 400; }
.status-row > summary::-webkit-details-marker { display: none; }
[data-model-status] .status-row > summary::before, [data-model-status] .status-row > summary::after { display: none; }
.status-row > summary > * { min-width: 0; overflow-wrap: anywhere; }
.status-row > summary:hover .status-model { color: var(--st-secondary); }
[data-model-status] .status-model { font-size: 13px; font-weight: 500; letter-spacing: -.012em; }
.status-origin { font: 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--st-muted); }
.status-state { font-size: 11px; color: var(--st-secondary); display: inline-flex; align-items: center; gap: 6px; }
.status-state[data-state='operational'] { color: var(--st-pass); }
.status-state[data-state='degraded'], .status-state[data-state='maintenance'] { color: var(--st-warn); }
.status-state[data-state='unavailable'] { color: var(--st-fail); }
.status-state[data-state='unknown'] { color: var(--st-muted); }
.status-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: currentColor; flex: 0 0 auto; }
.status-latency, .status-when { color: var(--st-muted); font-size: 11px; text-align: right; }
.status-expand { color: var(--st-muted); font-size: 13px; text-align: right; }
.status-row[open] .status-expand { transform: rotate(90deg); }
.status-detail { padding: 0 0 18px; max-width: 700px; color: var(--st-secondary); font-size: 12px; }
.status-detail p { margin: 0 0 8px; }
.status-detail .status-facts { color: var(--st-muted); font-size: 11px; }
.status-history { display: flex; gap: 2px; height: 18px; width: 100%; margin: 16px 0 8px; }
.status-day { flex: 1 1 0; min-width: 0; background: var(--st-blank); border-radius: 1px; overflow: hidden; }
.status-observed { display: block; height: 100%; }
.status-day[data-result='pass'] .status-observed { background: var(--st-pass); }
.status-day[data-result='mixed'] .status-observed { background: var(--st-warn); }
.status-day[data-result='fail'] .status-observed { background: var(--st-fail); }
.status-history-axis { display: flex; justify-content: space-between; color: var(--st-muted); font-size: 10px; }
.status-history-note { font-size: 11px; color: var(--st-muted); margin-top: 8px; }
.status-history-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font-size: 11px; color: var(--st-secondary); }
.status-history-legend > span { display: inline-flex; align-items: center; gap: 5px; }
.status-history-key { width: 10px; height: 10px; border-radius: 1px; background: var(--st-blank); }
.status-history-key[data-result='pass'] { background: var(--st-pass); }
.status-history-key[data-result='mixed'] { background: var(--st-warn); }
.status-history-key[data-result='fail'] { background: var(--st-fail); }
.status-history-key[data-result='partial'] { background: var(--st-blank); }
.status-history-key[data-result='partial']::before { content: ''; display: block; width: 50%; height: 100%; background: repeating-linear-gradient(135deg, var(--st-pass) 0 2px, var(--md-default-bg-color) 2px 4px); }
.status-notices-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 32px; }
[data-model-status] .status-notices h2 { margin: 0 0 14px; font-size: 14px; font-weight: 500; letter-spacing: -.012em; }
.status-notices p { color: var(--st-muted); font-size: 12px; margin: 5px 0; }
.status-notice { border-top: 1px solid var(--st-line); padding: 12px 0; }
.status-notice strong { font-weight: 500; font-size: 12px; }
.status-notice[data-resolved='false'] strong { color: var(--st-warn); }
.status-empty { color: var(--st-muted); font-size: 12px; padding: 20px 0; }
[data-model-status='summary'] .status-overview { margin: 12px 0 18px; }
[data-model-status='summary'] .status-row > summary { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 90px 44px 10px; padding: 11px 0; }
.status-full-link { display: inline-block; margin-top: 14px; font-size: 12px; color: inherit; text-decoration: none; border-bottom: 1px solid var(--st-line); padding-bottom: 2px; }
.status-full-link:hover { border-color: currentColor; }
.status-day[data-coverage='partial'] .status-observed { background-image: repeating-linear-gradient(135deg, transparent 0 2px, var(--md-default-bg-color) 2px 4px); }
@media (max-width: 650px) {
 .status-search { width: 100%; }
 .status-columns { display: none; }
 .status-row > summary, [data-model-status='summary'] .status-row > summary { grid-template-columns: minmax(0, 1fr) 90px 10px; gap: 5px 12px; padding: 13px 0; }
 .status-model { grid-column: 1; grid-row: 1; }
 .status-origin { grid-column: 1; grid-row: 2; font-size: 10px; }
 .status-state { grid-column: 2; grid-row: 1; justify-content: flex-end; }
 .status-latency { grid-column: 2; grid-row: 2; font-size: 10px; }
 .status-when { display: block; grid-column: 1; grid-row: 3; text-align: left; font-size: 10px; }
 .status-when::before { content: 'Last checked: '; }
 .status-expand { grid-column: 3; grid-row: 1 / 3; }
 .status-notices-grid { grid-template-columns: 1fr; gap: 22px; }
}
