.domain-status-workspace { --status-ink: #18242d; --status-surface: #f5f7fa; max-width: 900px; min-width: 0; padding: 24px; background: var(--status-surface); color: var(--status-ink); letter-spacing: 0; }
:root[data-theme="dark"] .domain-status-workspace { --status-ink: #edf3f6; --status-surface: #20262c; }
.domain-status-workspace :is(h1, p, legend, strong, small) { color: var(--status-ink); }
.domain-status-workspace h1 { font-size: 28px; background: none; -webkit-text-fill-color: var(--status-ink); }
.current-domain-status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 24px 0; }
.status-options { border: 0; padding: 0; margin: 24px 0; display: grid; gap: 10px; }
.status-options legend { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.status-option { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 12px; padding: 16px; border: 1px solid #9aa7af; border-radius: 6px; background: #fff; cursor: pointer; }
:root[data-theme="dark"] .status-option { background: #171b20; }
.status-option:has(input:checked) { border-color: #007d83; box-shadow: inset 4px 0 #007d83; }
.status-option input { width: 18px; height: 18px; margin: 0; }
.status-option span { min-width: 0; }
.status-option strong, .status-option small { display: block; overflow-wrap: anywhere; }
.status-option small { margin-top: 4px; }
.status-note { line-height: 1.6; }
.status-suspended { background: #fff3cd; color: #6d5200; }
.domain-status-workspace .button { border-radius: 6px; white-space: normal; text-align: center; }
@media (max-width: 600px) {
    .domain-status-workspace { padding: 20px; }
    .domain-status-workspace h1 { font-size: 24px; }
    .domain-status-workspace .page-head { flex-wrap: wrap; }
    .status-option { padding: 14px; }
}