/* Generado por npm run build:themes. Editar la paleta en theme.css o el compilador; no este archivo. */

/* pwa-install.css */
:root[data-theme="dark"] .pwa-install-button { border: 1px solid #9f3d35; background: #9f3d35; color: #fff; }
:root[data-theme="dark"] .pwa-install-button:hover { background: #87312b; }
:root[data-theme="dark"] .pwa-install-help,
:root[data-theme="dark"] .pwa-install-feedback { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .pwa-install-help { border: 1px solid var(--line, var(--line)); background: var(--panel-subtle, var(--panel-subtle)); }

/* styles.css */
:root[data-theme="dark"] .tasks-link-heading p,
:root[data-theme="dark"] .tasks-unavailable p,
:root[data-theme="dark"] .tasks-toolbar p { color: var(--muted); }
:root[data-theme="dark"] .tasks-step,
:root[data-theme="dark"] .tasks-loading-mark { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .tasks-link-form { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .tasks-access-switch { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .tasks-access-option { border: 0; background: transparent; color: var(--muted); }
:root[data-theme="dark"] .tasks-access-option.is-active { background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .tasks-registration-identity { border-left: 3px solid var(--accent); background: var(--panel-subtle); }
:root[data-theme="dark"] .tasks-registration-identity span { color: var(--muted); }
:root[data-theme="dark"] .tasks-registration-identity small { color: var(--muted); }
:root[data-theme="dark"] .tasks-registration-unavailable { border-left: 3px solid var(--warning); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .tasks-registration-unavailable strong { color: var(--ink); }
:root[data-theme="dark"] .tasks-link-form label { color: var(--ink); }
:root[data-theme="dark"] .tasks-privacy-note { border-left: 3px solid var(--kaiju-lime); color: var(--muted); }
:root[data-theme="dark"] .planka-account-summary { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .planka-account-summary > div { border-right: 1px solid var(--line); }
:root[data-theme="dark"] .planka-account-summary > div:last-child { border-right: 0; }
:root[data-theme="dark"] .planka-account-summary dt { color: var(--muted); }
:root[data-theme="dark"] .planka-account-summary dd { color: var(--ink); }
:root[data-theme="dark"] .tasks-toolbar { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .tasks-connection-status > span { background: var(--success); }
:root[data-theme="dark"] .tasks-connection-status small { color: var(--muted); }
:root[data-theme="dark"] .tasks-insight-card { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .tasks-insight-card strong { color: var(--ink); }
:root[data-theme="dark"] .tasks-insight-card small { color: var(--muted); }
:root[data-theme="dark"] .tasks-insight-icon { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .tasks-insight-card.is-today .tasks-insight-icon { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .tasks-insight-card.is-overdue .tasks-insight-icon,
:root[data-theme="dark"] .tasks-insight-card.is-warning .tasks-insight-icon { background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .tasks-disconnect-note { border-left: 3px solid var(--accent); background: var(--accent-soft); }
:root[data-theme="dark"] .tasks-disconnect-note p { color: var(--muted); }
:root[data-theme="dark"] .tasks-frame-shell { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .tasks-frame { border: 0; background: var(--panel); }
:root[data-theme="dark"] .tasks-frame-loading { background: var(--panel); color: var(--ink); }
@media (max-width: 760px) {
:root[data-theme="dark"] .planka-account-summary > div { border-right: 0; border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .planka-account-summary > div:last-child { border-bottom: 0; }
}
:root[data-theme="dark"] .dashboard-ticket-list { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .dashboard-ticket-row { border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); }
:root[data-theme="dark"] .dashboard-ticket-row::before { background: var(--support-color); }
:root[data-theme="dark"] .dashboard-ticket-row:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .dashboard-ticket-row.has-unread { background: color-mix(in srgb, var(--support-color) 5%, var(--panel)); }
:root[data-theme="dark"] .dashboard-ticket-code { color: color-mix(in srgb, var(--support-color) 42%, #fff); }
:root[data-theme="dark"] .dashboard-ticket-copy small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-ticket-row > i { background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .dashboard-support-empty { border-top: 1px solid var(--line); color: var(--muted); }
:root[data-theme="dark"] .dashboard-support-empty-icon { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-support-empty strong { color: var(--ink); }
:root[data-theme="dark"] .support-priority-field,
:root[data-theme="dark"] .support-assignee-field { border: 0; }
:root[data-theme="dark"] .support-priority-field legend,
:root[data-theme="dark"] .support-assignee-field legend { color: var(--muted); }
:root[data-theme="dark"] .support-priority-option span { border: 1px solid var(--line); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .support-priority-option input:checked + span { border-color: currentColor; background: var(--panel); }
:root[data-theme="dark"] .support-priority-option.is-low { color: var(--theme-success-text); }
:root[data-theme="dark"] .support-priority-option.is-medium { color: var(--theme-warning-text); }
:root[data-theme="dark"] .support-priority-option.is-high { color: var(--theme-accent-text); }
:root[data-theme="dark"] .support-file-field small { color: var(--muted); }
:root[data-theme="dark"] .support-category-response { color: var(--muted); }
:root[data-theme="dark"] .support-category-response i { background: var(--support-color); }
:root[data-theme="dark"] .support-category-response strong { color: var(--ink); }
:root[data-theme="dark"] .support-custom-fields:not(:empty) { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .support-price-input > span { color: var(--muted); }
:root[data-theme="dark"] .support-custom-field-editor { border: 1px solid var(--line); }
:root[data-theme="dark"] .support-custom-field-editor legend { color: var(--ink); }
:root[data-theme="dark"] .support-custom-field-editor > p { color: var(--muted); }
:root[data-theme="dark"] .support-custom-field-row { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .support-custom-field-actions .icon-button.danger { border-color: color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .support-category-active strong small { color: var(--muted); }
:root[data-theme="dark"] .support-filter-bar { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .support-filter-bar label > span { color: var(--muted); }
:root[data-theme="dark"] .support-filter-bar input,
:root[data-theme="dark"] .support-filter-bar select { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .support-list-heading { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .support-list-heading span { color: var(--muted); }
:root[data-theme="dark"] .support-ticket-row { border: 0; border-bottom: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .support-ticket-row::before { background: var(--support-color); }
:root[data-theme="dark"] .support-ticket-row:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .support-ticket-row.has-unread { background: color-mix(in srgb, var(--support-color) 5%, var(--panel)); }
:root[data-theme="dark"] .support-ticket-id strong { color: color-mix(in srgb, var(--support-color) 42%, #fff); }
:root[data-theme="dark"] .support-ticket-id small,
:root[data-theme="dark"] .support-ticket-main small,
:root[data-theme="dark"] .support-ticket-row time { color: var(--muted); }
:root[data-theme="dark"] .support-ticket-main em { background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .support-priority-pill.is-high { background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .support-priority-pill.is-medium { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .support-priority-pill.is-low { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .support-status-pill.is-waiting_support { background: var(--panel-subtle); color: var(--theme-info-text); }
:root[data-theme="dark"] .support-status-pill.is-waiting_requester { background: var(--panel-subtle); color: var(--theme-info-text); }
:root[data-theme="dark"] .support-status-pill.is-resolved { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .support-status-pill.is-closed { background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .support-empty-state { color: var(--muted); }
:root[data-theme="dark"] .support-empty-state strong { color: var(--ink); }
:root[data-theme="dark"] .support-detail-summary { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .support-ticket-code { color: color-mix(in srgb, var(--support-color) 42%, #fff); }
:root[data-theme="dark"] .support-detail-summary p { color: var(--muted); }
:root[data-theme="dark"] .support-assignee-strip { border-bottom: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .support-ticket-fields { border-bottom: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .support-ticket-fields > span { color: var(--muted); }
:root[data-theme="dark"] .support-ticket-fields dl > div { border-left: 2px solid var(--accent-soft); }
:root[data-theme="dark"] .support-ticket-fields dt { color: var(--muted); }
:root[data-theme="dark"] .support-ticket-fields dd { color: var(--ink); }
:root[data-theme="dark"] .support-ticket-fields a { color: var(--theme-accent-text); }
:root[data-theme="dark"] .support-assignee-strip span { color: var(--muted); }
:root[data-theme="dark"] .support-message-attachments a,
:root[data-theme="dark"] .support-message-attachments button { border: 1px solid rgba(152, 60, 53, 0.18); background: var(--panel-subtle); color: var(--ink); }
:root[data-theme="dark"] .support-message-attachments a > span:first-child,
:root[data-theme="dark"] .support-message-attachments button > span:first-child { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .support-message-attachments small { color: var(--muted); }
:root[data-theme="dark"] .support-image-viewer { background: rgba(5, 9, 16, 0.82); }
:root[data-theme="dark"] .support-image-viewer > section { border: 1px solid rgba(255, 255, 255, 0.18); background: #111722; }
:root[data-theme="dark"] .support-image-viewer header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background: var(--panel); }
:root[data-theme="dark"] .support-image-stage p { color: #ffffff; }
:root[data-theme="dark"] .support-reply-form { border-top: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .support-reply-form > label { color: var(--muted); }
:root[data-theme="dark"] .support-reply-form textarea { border: 1px solid var(--line); color: var(--ink); }
:root[data-theme="dark"] .support-attachment-button { color: var(--theme-accent-text); }
:root[data-theme="dark"] .support-attachment-button > span { border: 1px solid rgba(152, 60, 53, 0.28); }
:root[data-theme="dark"] .support-detail-actions { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .support-detail-actions > span,
:root[data-theme="dark"] .support-closed-note { color: var(--muted); }
:root[data-theme="dark"] .support-closed-note { border-top: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .support-settings-note { color: var(--muted); }
:root[data-theme="dark"] .input-with-unit { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .input-with-unit input { border: 0; }
:root[data-theme="dark"] .input-with-unit > span { color: var(--muted); }
:root[data-theme="dark"] .support-category-row { border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--ink); }
:root[data-theme="dark"] .support-category-row:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .support-category-row > i { background: var(--support-color); }
:root[data-theme="dark"] .support-category-row > span small,
:root[data-theme="dark"] .support-category-metric small { color: var(--muted); }
:root[data-theme="dark"] .support-category-row > em { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .support-category-row.is-inactive > em { background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .support-assignee-list { border: 1px solid var(--line); }
:root[data-theme="dark"] .support-assignee-option { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .support-assignee-option:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .support-assignee-option small { color: var(--muted); }
:root[data-theme="dark"] .support-confirm-copy { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .support-confirm-copy > span { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] body { background: linear-gradient(180deg, var(--panel-subtle) 0, var(--bg) 720px); color: var(--ink); }
:root[data-theme="dark"] .skip-link { background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .login-shell { background: linear-gradient(115deg, rgba(39, 16, 17, 0.88), rgba(100, 37, 33, 0.72)),
    var(--login-bg-image),
    linear-gradient(115deg, var(--kaiju-dark), var(--accent-strong)); }
:root[data-theme="dark"] .login-shell::before { border: 1px solid rgba(230, 178, 74, 0.18); background: radial-gradient(circle at center, rgba(230, 178, 74, 0.1), transparent 68%); }
:root[data-theme="dark"] .login-shell::after { background: linear-gradient(90deg, transparent, rgba(230, 178, 74, 0.3), transparent); }
:root[data-theme="dark"] .login-brand-stage { color: #ffffff; }
:root[data-theme="dark"] .login-brand-stage .eyebrow { color: var(--kaiju-gold); }
:root[data-theme="dark"] .login-brand-stage p:not(.eyebrow) { color: #f0d9d6; }
:root[data-theme="dark"] .login-welcome { color: var(--muted); }
:root[data-theme="dark"] .login-panel { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .brand-logo-box { border: 1px solid rgba(255, 255, 255, 0.1); background: linear-gradient(135deg, #a64a43, var(--accent-strong) 72%); }
:root[data-theme="dark"] .brand-mark { background: linear-gradient(135deg, #a64a43, var(--accent-strong) 72%); color: #ffffff; }
:root[data-theme="dark"] .eyebrow { color: var(--theme-accent-text); }
:root[data-theme="dark"] .login-copy { color: var(--muted); }
:root[data-theme="dark"] .auth-tabs { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .auth-tab { border: 0; background: transparent; color: var(--muted); }
:root[data-theme="dark"] .auth-tab.is-active { background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .login-form input,
:root[data-theme="dark"] .login-form select { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .login-form input:focus,
:root[data-theme="dark"] .login-form select:focus,
:root[data-theme="dark"] .field-grid input:focus,
:root[data-theme="dark"] .field-grid select:focus,
:root[data-theme="dark"] .field-grid textarea:focus { border-color: var(--accent); }
:root[data-theme="dark"] .login-form button { border-top: 1px solid rgba(242, 179, 93, 0.18); }
:root[data-theme="dark"] .admin-settings-arrow { color: var(--kaiju-gold); }
:root[data-theme="dark"] .login-form button { background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .login-form button:hover { background: var(--accent-strong); }
:root[data-theme="dark"] .google-auth-button { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .google-auth-button:hover { border-color: rgba(143, 58, 52, 0.35); background: var(--panel-subtle); }
:root[data-theme="dark"] .login-app-links { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .login-app-links p { color: var(--ink); }
:root[data-theme="dark"] .login-app-links button { border: 1px solid rgba(143, 58, 52, 0.25); background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .login-app-links button:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .login-app-links small { color: var(--muted); }
:root[data-theme="dark"] .text-button { border: 0; background: transparent; color: var(--theme-accent-text); }
:root[data-theme="dark"] .text-button:hover { color: var(--theme-accent-text); }
:root[data-theme="dark"] .form-error { color: var(--theme-danger-text); }
:root[data-theme="dark"] .topbar { border-bottom: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .topbar.is-integrated { border: 0; background: transparent; }
:root[data-theme="dark"] .section-description { color: var(--muted); }
:root[data-theme="dark"] .app-version { color: var(--muted); }
:root[data-theme="dark"] .notification-button { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .notification-button:hover { border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); background: var(--accent-soft); }
:root[data-theme="dark"] .notification-count { border: 2px solid var(--line); background: var(--danger); color: #ffffff; }
:root[data-theme="dark"] .user-chip { border: 1px solid transparent; background: transparent; color: var(--ink); }
:root[data-theme="dark"] .user-chip:hover { border-color: var(--line); background: var(--panel); }
:root[data-theme="dark"] .user-chip span { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .topbar-avatar,
:root[data-theme="dark"] .avatar { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .user-chip small { color: var(--muted); }
:root[data-theme="dark"] .admin-settings-tabs { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .admin-settings-tabs [role="tab"] { border: 1px solid transparent; background: transparent; color: var(--muted); }
:root[data-theme="dark"] .admin-settings-tabs [role="tab"]:hover { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .admin-settings-tabs [aria-selected="true"] { border-color: rgba(152, 60, 53, 0.2); background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .section-loading { border: 1px solid var(--line); background: var(--panel); color: var(--muted); }
:root[data-theme="dark"] .section-loading-mark { border: 2px solid var(--accent-soft); border-top-color: var(--accent); }
:root[data-theme="dark"] .section-loading-lines span { background: var(--panel-subtle); }
:root[data-theme="dark"] .section-loading-lines span:first-child { background: var(--accent-soft); }
:root[data-theme="dark"] .panel { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .vpn-self-hero { border-top: 3px solid var(--line); }
:root[data-theme="dark"] .vpn-self-hero.is-enabled { border-top-color: #23864d; }
:root[data-theme="dark"] .vpn-self-copy > p:last-of-type { color: var(--muted); }
:root[data-theme="dark"] .vpn-self-summary span { border: 1px solid var(--line); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .vpn-self-summary strong { color: var(--ink); }
:root[data-theme="dark"] .vpn-self-download small,
:root[data-theme="dark"] .vpn-self-devices .panel-heading-row p:last-child { color: var(--muted); }
:root[data-theme="dark"] .vpn-self-download .vpn-download-button { border: 1px solid #9f453d; background: linear-gradient(135deg, #a64941, #82352f); color: #ffffff; }
:root[data-theme="dark"] .vpn-download-brand { background: rgba(255, 255, 255, 0.14); }
:root[data-theme="dark"] .vpn-self-download .vpn-download-button small { color: inherit; }
:root[data-theme="dark"] .vpn-self-notice { border-left: 4px solid #d59b22; background: var(--panel-subtle); }
:root[data-theme="dark"] .vpn-self-notice.is-locked { border-left-color: var(--brand); background: var(--panel-subtle); }
:root[data-theme="dark"] .vpn-self-notice p { color: var(--muted); }
:root[data-theme="dark"] .vpn-self-device { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .vpn-self-device.is-connected { border-color: color-mix(in srgb, var(--theme-success-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .vpn-self-device-icon { background: var(--theme-info-bg); color: var(--brand); }
:root[data-theme="dark"] .vpn-self-device-main span,
:root[data-theme="dark"] .vpn-self-device-detail small,
:root[data-theme="dark"] .vpn-self-device-detail span,
:root[data-theme="dark"] .vpn-self-device-detail > small { color: var(--muted); }
:root[data-theme="dark"] .vpn-self-device-detail { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .vpn-self-security > div { background: var(--theme-accent-bg); color: var(--brand); }
:root[data-theme="dark"] .vpn-self-security p { color: var(--muted); }
:root[data-theme="dark"] .vpn-self-security strong { color: var(--ink); }
:root[data-theme="dark"] .vpn-overview-connector { border-right: 1px solid var(--line); }
:root[data-theme="dark"] .vpn-connector-indicator { color: var(--muted); }
:root[data-theme="dark"] .vpn-overview-connector.is-online .vpn-connector-indicator,
:root[data-theme="dark"] .vpn-live-status { color: var(--theme-success-text); }
:root[data-theme="dark"] .vpn-connector-heading > span,
:root[data-theme="dark"] .vpn-overview-connector p { color: var(--muted); }
:root[data-theme="dark"] .vpn-network-policy { border-left: 3px solid var(--brand); }
:root[data-theme="dark"] .vpn-network-policy strong { color: var(--ink); }
:root[data-theme="dark"] .vpn-network-policy span { color: var(--muted); }
:root[data-theme="dark"] .vpn-overview-metrics { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .vpn-overview-metric + .vpn-overview-metric { border-left: 1px solid var(--line); }
:root[data-theme="dark"] .vpn-overview-metric > span { color: var(--muted); }
:root[data-theme="dark"] .vpn-overview-metric.is-connected > span { color: var(--theme-success-text); }
:root[data-theme="dark"] .vpn-overview-metric.is-pending > span { color: var(--theme-warning-text); }
:root[data-theme="dark"] .vpn-overview-metric > strong { color: var(--ink); }
:root[data-theme="dark"] .vpn-overview-metric > small { color: var(--muted); }
:root[data-theme="dark"] .vpn-active-sessions { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .vpn-active-session { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .vpn-active-avatar { background: var(--panel-subtle); color: var(--brand-dark); }
:root[data-theme="dark"] .vpn-active-identity span,
:root[data-theme="dark"] .vpn-active-value small { color: var(--muted); }
:root[data-theme="dark"] .vpn-active-value strong { color: var(--ink); }
:root[data-theme="dark"] .vpn-device-table td small,
:root[data-theme="dark"] .vpn-device-table td > span { color: var(--muted); }
:root[data-theme="dark"] .vpn-setup-warning { border-left: 4px solid #d59b22; background: var(--panel-subtle); }
:root[data-theme="dark"] .vpn-setup-warning code { background: var(--theme-warning-bg); }
:root[data-theme="dark"] .vpn-security-note { color: var(--muted); }
:root[data-theme="dark"] .vpn-status { background: var(--panel-subtle); color: var(--muted) !important; }
:root[data-theme="dark"] .vpn-status-connected,
:root[data-theme="dark"] .vpn-status-ready { background: var(--theme-success-bg); color: var(--theme-success-text) !important; }
:root[data-theme="dark"] .vpn-status-pending,
:root[data-theme="dark"] .vpn-status-provisioning,
:root[data-theme="dark"] .vpn-status-revocation_pending { background: var(--theme-warning-bg); color: var(--theme-warning-text) !important; }
:root[data-theme="dark"] .vpn-status-failed { background: var(--panel-subtle); color: var(--theme-accent-text) !important; }
:root[data-theme="dark"] .vpn-user-access-panel .panel-heading-row p:last-child { color: var(--muted); }
:root[data-theme="dark"] .vpn-access-total { border: 1px solid var(--line); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .vpn-access-search { border: 1px solid color-mix(in srgb, var(--theme-info-text) 30%, var(--line)); background: var(--panel); }
:root[data-theme="dark"] .vpn-access-search > span { color: var(--muted); }
:root[data-theme="dark"] .vpn-access-search input { border: 0; background: transparent; }
:root[data-theme="dark"] .vpn-access-user { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .vpn-access-avatar { background: var(--theme-accent-bg); color: var(--brand-dark); }
:root[data-theme="dark"] .vpn-access-identity small,
:root[data-theme="dark"] .vpn-access-identity span,
:root[data-theme="dark"] .vpn-access-device-summary span,
:root[data-theme="dark"] .vpn-access-device-summary small { color: var(--muted); }
:root[data-theme="dark"] .vpn-access-device-summary small { color: var(--theme-success-text); }
@media (max-width: 1100px) {
:root[data-theme="dark"] .vpn-overview-connector { border-right: 0; border-bottom: 1px solid var(--line); }
}
@media (max-width: 720px) {
:root[data-theme="dark"] .vpn-overview-metric + .vpn-overview-metric { border-top: 1px solid var(--line); border-left: 0; }
}
@media (hover: hover) and (pointer: fine) {
:root[data-theme="dark"] .dashboard-shell .panel:hover { border-color: color-mix(in srgb, var(--accent) 24%, var(--line)); }
}
:root[data-theme="dark"] .dashboard-branch-monogram { color: #fff; }
:root[data-theme="dark"] .branch-badge { border: 1px solid color-mix(in srgb, var(--branch-color) 38%, transparent); background: color-mix(in srgb, var(--branch-color) 13%, var(--panel)); color: var(--ink); }
:root[data-theme="dark"] .branch-badge > span { background: var(--branch-color); }
:root[data-theme="dark"] .panel p,
:root[data-theme="dark"] .panel li { color: var(--muted); }
:root[data-theme="dark"] .metric { color: var(--ink); }
:root[data-theme="dark"] .status-panel-is-working { border-color: rgba(22, 132, 71, 0.24); background: linear-gradient(135deg, var(--panel-subtle), var(--panel) 72%); }
:root[data-theme="dark"] .status-panel-is-break { border-color: rgba(224, 168, 21, 0.24); background: linear-gradient(135deg, var(--panel-subtle), var(--panel) 72%); }
:root[data-theme="dark"] .status-panel-is-out { background: linear-gradient(135deg, var(--panel-subtle), var(--panel) 72%); }
:root[data-theme="dark"] .dashboard-metric-panel,
:root[data-theme="dark"] .dashboard-community-panel,
:root[data-theme="dark"] .dashboard-support-panel,
:root[data-theme="dark"] .dashboard-announcements-panel { border-color: var(--line); background: var(--panel); }
:root[data-theme="dark"] .dashboard-panel-label { color: var(--muted); }
:root[data-theme="dark"] .dashboard-panel-label small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-status-panel { border-left: 4px solid var(--line); }
:root[data-theme="dark"] .dashboard-status-panel.status-panel-is-out,
:root[data-theme="dark"] .dashboard-status-panel.status-panel-is-working,
:root[data-theme="dark"] .dashboard-status-panel.status-panel-is-break { background: var(--panel); }
:root[data-theme="dark"] .dashboard-status-panel.status-panel-is-working { border-left-color: var(--success); }
:root[data-theme="dark"] .dashboard-status-panel.status-panel-is-break { border-left-color: #d7a015; }
:root[data-theme="dark"] .dashboard-status-signal { background: #8d98a8; }
:root[data-theme="dark"] .status-panel-is-working .dashboard-status-signal { background: var(--success); }
:root[data-theme="dark"] .status-panel-is-break .dashboard-status-signal { background: #d7a015; }
:root[data-theme="dark"] .dashboard-status-facts span { border: 1px solid var(--line); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .dashboard-status-facts span.is-automatic { border-color: rgba(22, 132, 71, 0.24); background: var(--panel-subtle); color: var(--theme-success-text); }
:root[data-theme="dark"] .dashboard-hours-period-label { color: var(--muted); }
:root[data-theme="dark"] .dashboard-hours-progress-copy { color: var(--muted); }
:root[data-theme="dark"] .dashboard-hours-progress { background: var(--panel-subtle); }
:root[data-theme="dark"] .dashboard-hours-progress > span { background: #d49b2c; }
:root[data-theme="dark"] .dashboard-hours-progress.is-over > span { background: var(--danger); }
:root[data-theme="dark"] .dashboard-vacation-panel { background: var(--panel); }
:root[data-theme="dark"] .dashboard-vacation-panel .text-button { color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-vacation-empty > span,
:root[data-theme="dark"] .dashboard-vacation-list li > span { background: var(--theme-warning-bg); }
:root[data-theme="dark"] .dashboard-vacation-empty small,
:root[data-theme="dark"] .dashboard-vacation-list small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-vacation-list li { border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .dashboard-vacation-list li.is-current { border-color: rgba(22, 132, 71, 0.25); background: var(--panel-subtle); }
:root[data-theme="dark"] .dashboard-section-kicker { color: var(--theme-accent-text) !important; }
:root[data-theme="dark"] .dashboard-community-panel.dashboard-birthday-panel { background: var(--panel); }
:root[data-theme="dark"] .dashboard-tasks-panel { background: linear-gradient(145deg, var(--panel) 0%, var(--panel) 70%, var(--panel-subtle) 100%); }
:root[data-theme="dark"] .dashboard-task-count { border: 1px solid color-mix(in srgb, var(--accent) 20%, var(--line)); background: color-mix(in srgb, var(--accent) 6%, var(--panel)); color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-task-count.is-muted { border-color: var(--line); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .dashboard-task-count.is-warning { border-color: color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: var(--panel-subtle); color: var(--theme-warning-text); }
:root[data-theme="dark"] .dashboard-task-count-dot { background: var(--accent); }
:root[data-theme="dark"] .dashboard-task-loading { color: var(--muted); }
:root[data-theme="dark"] .dashboard-task-loading strong { color: var(--ink); }
:root[data-theme="dark"] .dashboard-task-spinner { border: 4px solid color-mix(in srgb, var(--accent) 16%, var(--line)); border-top-color: var(--accent); }
:root[data-theme="dark"] .dashboard-task-list { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .dashboard-task-row { border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); }
:root[data-theme="dark"] .dashboard-task-row:hover { background: color-mix(in srgb, var(--accent) 4%, var(--panel)); }
:root[data-theme="dark"] .dashboard-task-mark { border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
:root[data-theme="dark"] .dashboard-task-mark::before,
:root[data-theme="dark"] .dashboard-task-mark::after { background: color-mix(in srgb, var(--accent) 72%, var(--panel)); }
:root[data-theme="dark"] .dashboard-task-age { background: color-mix(in srgb, var(--accent) 8%, var(--panel)); color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-task-path-label { color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-task-path-value { color: var(--muted); }
:root[data-theme="dark"] .dashboard-task-path-node.is-list .dashboard-task-path-value { color: var(--muted); }
:root[data-theme="dark"] .dashboard-task-path-separator { color: color-mix(in srgb, var(--theme-accent-text) 35%, var(--line)); }
:root[data-theme="dark"] .dashboard-task-due { background: var(--panel-subtle); color: var(--theme-info-text); }
:root[data-theme="dark"] .dashboard-task-chevron { border: 1px solid transparent; color: var(--muted); }
:root[data-theme="dark"] .dashboard-task-row:hover .dashboard-task-chevron { border-color: color-mix(in srgb, var(--accent) 18%, var(--line)); color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-task-due.is-today { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .dashboard-task-due.is-overdue { background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .dashboard-task-warning { border-left: 3px solid var(--warning); background: var(--panel-subtle); color: var(--theme-warning-text) !important; }
:root[data-theme="dark"] .dashboard-task-empty { color: var(--muted); }
:root[data-theme="dark"] .dashboard-task-empty strong { color: var(--ink); }
:root[data-theme="dark"] .dashboard-task-empty-icon { background: var(--panel-subtle); color: var(--theme-success-text); }
:root[data-theme="dark"] .dashboard-task-empty.is-unavailable .dashboard-task-empty-icon { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .birthday-list li { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .birthday-list-button { border: 0; background: transparent; color: var(--ink); }
:root[data-theme="dark"] .birthday-avatar { border: 2px solid var(--line); background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .birthday-list-button:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .chocolate-palmier-icon { background: url("/illustrations/kiki-palmier.svg") center / contain no-repeat; }
:root[data-theme="dark"] .birthday-palm-button { border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: linear-gradient(135deg, var(--panel-subtle), var(--theme-warning-bg)); color: var(--theme-warning-text); }
:root[data-theme="dark"] .birthday-palm-button:hover:not(:disabled) { border-color: #ca8c1f; background: var(--theme-warning-bg); }
:root[data-theme="dark"] .birthday-palm-button:has(.birthday-palm-check) { border-color: var(--line); background: var(--panel-subtle); color: var(--theme-success-text); }
:root[data-theme="dark"] .birthday-palm-celebration { border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: linear-gradient(110deg, var(--panel-subtle), var(--panel)); }
:root[data-theme="dark"] .birthday-palm-celebration p { color: var(--theme-warning-text); }
:root[data-theme="dark"] .birthday-date-badge { border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: var(--panel-subtle); color: var(--theme-warning-text); }
:root[data-theme="dark"] .birthday-list-copy small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-list-arrow { color: var(--muted); }
:root[data-theme="dark"] .dashboard-carousel-controls span { color: var(--muted); }
:root[data-theme="dark"] .dashboard-benefit-feature { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .dashboard-benefit-feature:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
:root[data-theme="dark"] .dashboard-benefit-media { background: var(--accent-soft); }
:root[data-theme="dark"] .dashboard-benefit-badge { border: 1px solid rgba(255, 255, 255, .25); background: rgba(39, 16, 17, .92); color: #fff; }
:root[data-theme="dark"] .dashboard-benefit-copy strong { color: var(--ink); }
:root[data-theme="dark"] .dashboard-benefit-copy small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-benefit-copy em { color: var(--muted); }
:root[data-theme="dark"] .dashboard-benefit-footer { color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-benefit-more > p { color: var(--muted); }
:root[data-theme="dark"] .dashboard-benefit-alternative { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .dashboard-benefit-alternative:hover { background: var(--accent-soft); border-color: var(--accent); }
:root[data-theme="dark"] .dashboard-benefit-alternative small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-benefit-alternative > span:last-child { color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-interest-panel { background: var(--panel); }
:root[data-theme="dark"] .dashboard-quick-list .link-list-button,
:root[data-theme="dark"] .dashboard-interest-list a { color: var(--ink); }
:root[data-theme="dark"] .dashboard-quick-list small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-quick-list .link-list-button:hover,
:root[data-theme="dark"] .dashboard-interest-list a:hover { color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-interest-list a:hover { background: var(--accent-soft); }
:root[data-theme="dark"] .dashboard-interest-mark { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-interest-copy strong { color: var(--ink); }
:root[data-theme="dark"] .dashboard-interest-copy small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-empty-state { color: var(--muted); }
:root[data-theme="dark"] .status-panel-emoji { background: transparent; }
:root[data-theme="dark"] .live-timer { color: var(--theme-accent-text) !important; }
:root[data-theme="dark"] .clock-console { border-color: rgba(143, 58, 52, 0.18); background: linear-gradient(135deg, var(--panel), var(--panel-subtle)); }
:root[data-theme="dark"] .clock-kicker { color: var(--theme-accent-text); }
:root[data-theme="dark"] .clock-helper { color: var(--muted); }
:root[data-theme="dark"] .clock-action-panel { border: 0; border-left: 1px solid rgba(143, 58, 52, 0.16); background: transparent; }
:root[data-theme="dark"] .work-mode-option span { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .work-mode-option input:checked + span { border-color: rgba(143, 58, 52, 0.44); background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .office-select-field { color: var(--muted); }
:root[data-theme="dark"] .office-select-field select { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .office-empty { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel-subtle); color: var(--theme-danger-text) !important; }
:root[data-theme="dark"] .clock-main-button { border: 0; background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .clock-main-button:hover:not(:disabled) { background: var(--accent-strong); }
:root[data-theme="dark"] .clock-main-button:hover { background: var(--accent-strong); }
:root[data-theme="dark"] .clock-main-button.secondary-action { background: var(--kaiju-dark); }
:root[data-theme="dark"] .clock-main-button.danger-action { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .clock-summary-card { background: linear-gradient(180deg, var(--panel), var(--panel-subtle)); }
:root[data-theme="dark"] .clock-state-is-working { border-color: rgba(21, 148, 71, 0.24); background: linear-gradient(135deg, var(--panel-subtle), var(--panel)),
    radial-gradient(circle at 8% 14%, rgba(21, 148, 71, 0.16), transparent 30%); }
:root[data-theme="dark"] .clock-state-is-break { border-color: rgba(224, 168, 21, 0.26); background: linear-gradient(135deg, var(--panel-subtle), var(--panel)),
    radial-gradient(circle at 8% 14%, rgba(224, 168, 21, 0.18), transparent 30%); }
:root[data-theme="dark"] .clock-state-is-out { border-color: rgba(17, 24, 39, 0.14); background: linear-gradient(135deg, var(--panel), var(--panel-subtle)),
    radial-gradient(circle at 8% 14%, rgba(17, 24, 39, 0.08), transparent 30%); }
:root[data-theme="dark"] .clock-state-emoji { background: transparent; }
:root[data-theme="dark"] .panel-kicker,
:root[data-theme="dark"] .clock-control-today small,
:root[data-theme="dark"] .clock-control-week small,
:root[data-theme="dark"] .clock-control-schedule > small { color: var(--theme-accent-text); }
:root[data-theme="dark"] .clock-control-today .metric { color: var(--muted); }
:root[data-theme="dark"] .clock-control-week { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .clock-control-progress { background: var(--theme-info-bg); }
:root[data-theme="dark"] .clock-control-progress i { background: var(--kaiju-gold); }
:root[data-theme="dark"] .clock-control-week p { color: var(--muted); }
:root[data-theme="dark"] .clock-control-schedule { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .clock-control-schedule > div > span { border-left: 3px solid var(--accent); }
:root[data-theme="dark"] .clock-control-schedule small,
:root[data-theme="dark"] .clock-location-footer small,
:root[data-theme="dark"] .office-location-summary small,
:root[data-theme="dark"] .office-location-coordinates small,
:root[data-theme="dark"] .office-radius-control small { color: var(--muted); }
:root[data-theme="dark"] .clock-location-state { background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .clock-location-state.status-inside,
:root[data-theme="dark"] .clock-location-state.status-not_applicable,
:root[data-theme="dark"] .clock-location-state.status-captured { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .clock-location-state.status-outside { background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .clock-location-state.status-uncertain,
:root[data-theme="dark"] .clock-location-state.status-not_configured,
:root[data-theme="dark"] .clock-location-state.status-unavailable { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .clock-map-placeholder,
:root[data-theme="dark"] .clock-location-map,
:root[data-theme="dark"] .office-picker-map { border: 1px solid var(--line); background-color: var(--panel-subtle); }
:root[data-theme="dark"] .clock-map-placeholder span { border: 6px solid var(--line); background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .clock-location-card > p { color: var(--muted); }
:root[data-theme="dark"] .clock-location-privacy { border-left: 3px solid var(--success); background: var(--panel-subtle); color: var(--muted) !important; }
:root[data-theme="dark"] .clock-location-flag.is-outside { background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .clock-location-flag.is-uncertain { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .clock-location-warning { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .clock-location-warning > span,
:root[data-theme="dark"] .office-location-intro > span { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .clock-location-warning p,
:root[data-theme="dark"] .office-location-intro p { color: var(--muted); }
:root[data-theme="dark"] .nexus-map-pin { border: 0; background: transparent; }
:root[data-theme="dark"] .nexus-map-pin > span { border: 4px solid var(--line); background: #2459a9; }
:root[data-theme="dark"] .nexus-map-pin-office > span { background: var(--accent); }
:root[data-theme="dark"] .office-location-summary { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .office-location-summary > span { background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .office-location-summary.is-configured > span { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .office-address-search-row input { border: 1px solid var(--line-strong); background: var(--panel); }
:root[data-theme="dark"] .office-address-search > label > small,
:root[data-theme="dark"] .office-address-results > small { color: var(--muted); }
:root[data-theme="dark"] .office-address-results { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .office-address-result-list button { border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); }
:root[data-theme="dark"] .office-address-result-list button:last-child { border-bottom: 0; }
:root[data-theme="dark"] .office-address-result-list button:hover,
:root[data-theme="dark"] .office-address-result-list button.is-selected { background: var(--theme-accent-bg); }
:root[data-theme="dark"] .office-address-result-list button > span { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .office-address-empty { color: var(--muted); }
:root[data-theme="dark"] .office-location-coordinates > span { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .office-radius-value input { border: 1px solid var(--line-strong); }
:root[data-theme="dark"] .warning-text { color: var(--theme-warning-text) !important; }
:root[data-theme="dark"] .danger-text { color: var(--theme-danger-text) !important; }
:root[data-theme="dark"] .status-pill { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .status-approved,
:root[data-theme="dark"] .request-approved { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .request-pending { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .request-rejected { background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .danger-button { border-color: color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .section-head select { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .content-toolbar { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .content-toolbar p { color: var(--muted); }
:root[data-theme="dark"] .secondary-button { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .secondary-button.primary { border-color: var(--accent); background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .secondary-button:hover:not(:disabled) { border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .secondary-button.primary:hover:not(:disabled) { border-color: var(--accent-strong); background: var(--accent-strong); color: #ffffff; }
:root[data-theme="dark"] .secondary-button.danger { border-color: color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); color: var(--theme-danger-text); }
:root[data-theme="dark"] .field-grid label { color: var(--muted); }
:root[data-theme="dark"] .field-grid input,
:root[data-theme="dark"] .field-grid select,
:root[data-theme="dark"] .field-grid textarea { border: 1px solid var(--line-strong); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .field-grid input[type="file"],
:root[data-theme="dark"] .file-inline-control input[type="file"] { color: var(--muted); }
:root[data-theme="dark"] .field-grid input[type="file"]::file-selector-button,
:root[data-theme="dark"] .file-inline-control input[type="file"]::file-selector-button { border: 0; background: var(--panel-subtle); color: var(--ink); }
:root[data-theme="dark"] .field-grid input[type="file"]::file-selector-button:hover,
:root[data-theme="dark"] .file-inline-control input[type="file"]::file-selector-button:hover { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .data-table th,
:root[data-theme="dark"] .data-table td { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .data-table th { border-top: 1px solid var(--line); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .data-table tbody tr:hover { background: color-mix(in srgb, var(--accent-soft) 26%, var(--panel)); }
:root[data-theme="dark"] .data-table tbody tr:focus-within { background: color-mix(in srgb, var(--accent-soft) 35%, var(--panel)); }
:root[data-theme="dark"] .data-table tbody tr:last-child td { border-bottom: 0; }
:root[data-theme="dark"] .table-input { border: 1px solid var(--line); }
:root[data-theme="dark"] .data-table select { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .color-picker input[type="color"] { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .file-inline-control { color: var(--muted); }
:root[data-theme="dark"] .checkbox-grid label { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .inline-details summary { color: var(--theme-accent-text); }
:root[data-theme="dark"] .inline-details small { color: var(--muted); }
:root[data-theme="dark"] .filter-row select { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .presence-item { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .presence-avatar-wrap .presence-dot { border: 2px solid var(--line); }
:root[data-theme="dark"] .presence-empty { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .presence-summary { color: var(--muted); }
:root[data-theme="dark"] .presence-summary strong { color: var(--theme-success-text); }
:root[data-theme="dark"] .compact-pagination { border-top: 1px solid var(--line); color: var(--muted); }
:root[data-theme="dark"] .presence-dot.is-online { background: #159447; }
:root[data-theme="dark"] .presence-dot.is-offline { background: #c62828; }
:root[data-theme="dark"] .presence-dot.is-vacation { background: #e0a815; }
:root[data-theme="dark"] .team-tools input,
:root[data-theme="dark"] .team-tools select { border: 1px solid var(--line-strong); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .team-card { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .team-card:hover { border-color: rgba(143, 58, 52, 0.32); }
:root[data-theme="dark"] .team-card p { color: var(--muted); }
:root[data-theme="dark"] .team-card small { color: var(--muted); }
:root[data-theme="dark"] .team-card-footer { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .icon-text-button { border: 1px solid var(--line); background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .icon-text-button:hover { border-color: rgba(143, 58, 52, 0.38); background: var(--accent-soft); }
:root[data-theme="dark"] .team-facts span { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .team-facts .team-status-pill.is-online { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .team-facts .team-status-pill.is-offline { background: var(--theme-accent-bg); color: var(--theme-accent-text); }
:root[data-theme="dark"] .team-facts .team-status-pill.is-vacation { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .team-facts .team-location-pill { border: 1px solid color-mix(in srgb, var(--branch-color) 30%, transparent); background: color-mix(in srgb, var(--branch-color) 13%, var(--panel)); color: color-mix(in srgb, color-mix(in srgb, var(--branch-color) 42%, #fff) 68%, var(--ink)); }
:root[data-theme="dark"] .work-mode-control { color: var(--muted); }
:root[data-theme="dark"] .work-mode-control select { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .pagination-row { color: var(--muted); }
:root[data-theme="dark"] .settings-preview { background: var(--kaiju-dark); color: #ffffff; }
:root[data-theme="dark"] .settings-preview p { color: #ead0ca; }
:root[data-theme="dark"] .settings-module-control { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .settings-module-control p { color: var(--muted); }
:root[data-theme="dark"] .calendar-controls select { border: 1px solid var(--line-strong); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .calendar-weekdays { color: var(--muted); }
:root[data-theme="dark"] .calendar-grid { border: 1px solid var(--line); background: var(--line); }
:root[data-theme="dark"] .calendar-day { background: var(--panel); }
:root[data-theme="dark"] .calendar-day:not(.is-muted):hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .calendar-day.is-muted { background: var(--panel-subtle); }
:root[data-theme="dark"] .calendar-day.is-muted header { color: var(--muted); }
:root[data-theme="dark"] .calendar-day header { color: var(--ink); }
:root[data-theme="dark"] .calendar-day.is-today header strong { background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .calendar-item { border: 0; }
:root[data-theme="dark"] .calendar-event { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .calendar-holiday { border-left: 3px solid #c43b35; background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .calendar-birthday { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .muted-text { color: var(--muted); }
:root[data-theme="dark"] .reaction-button { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .reaction-button.is-active { border-color: rgba(143, 58, 52, 0.44); background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .reaction-button span { color: var(--muted); }
:root[data-theme="dark"] .comments-block { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .comment-list li { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .comment-list small { color: var(--muted); }
:root[data-theme="dark"] .comment-form input { border: 1px solid var(--line); }
:root[data-theme="dark"] .logo-preview { background: var(--accent-soft); }
:root[data-theme="dark"] .user-password-settings { border: 1px solid var(--line); }
:root[data-theme="dark"] .user-password-settings p { color: var(--muted); }
:root[data-theme="dark"] .check-row { border: 1px solid var(--line); }
:root[data-theme="dark"] .announcement-card { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .announcement-edit-button { border: 1px solid var(--line); background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .announcement-edit-button:hover { background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .content-management-actions { border: 1px solid var(--border, var(--line)); background: var(--panel); }
:root[data-theme="dark"] .announcement-form-banner { border: 1px solid var(--line); }
:root[data-theme="dark"] .announcement-view-control { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .announcement-view-control button { border: 0; background: transparent; color: var(--muted); }
:root[data-theme="dark"] .announcement-view-control button.is-active { background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .announcement-tile.announcement-event { border-top: 6px solid #2357c6; }
:root[data-theme="dark"] .announcement-tile.announcement-alert { border-top: 6px solid var(--danger); }
:root[data-theme="dark"] .announcement-tile.announcement-fixed { border-top: 6px solid var(--accent); }
:root[data-theme="dark"] .announcement-event { border-left: 5px solid #2357c6; }
:root[data-theme="dark"] .announcement-alert { border-left: 5px solid var(--danger); }
:root[data-theme="dark"] .announcement-fixed { border-left: 5px solid var(--accent); }
:root[data-theme="dark"] .announcement-event .announcement-pill { background: var(--panel-subtle); color: var(--theme-info-text); }
:root[data-theme="dark"] .announcement-alert .announcement-pill { background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .announcement-fixed .announcement-pill { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .announcement-card:hover { border-color: rgba(143, 58, 52, 0.35); }
:root[data-theme="dark"] .announcement-banner { background: var(--accent-soft); }
:root[data-theme="dark"] .announcement-meta { color: var(--muted); }
:root[data-theme="dark"] .countdown-box { background: var(--panel-subtle); color: var(--theme-info-text); }
:root[data-theme="dark"] .event-date-card,
:root[data-theme="dark"] .event-time-card { border: 1px solid color-mix(in srgb, var(--theme-info-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .event-date-card { color: var(--theme-info-text); }
:root[data-theme="dark"] .event-time-card span { color: var(--muted); }
:root[data-theme="dark"] .event-time-card strong { color: var(--ink); }
:root[data-theme="dark"] .announcement-dashboard.announcement-event { border-top: 4px solid #2357c6; }
:root[data-theme="dark"] .announcement-dashboard.announcement-alert { border-top: 4px solid var(--danger); }
:root[data-theme="dark"] .announcement-dashboard.announcement-fixed { border-top: 4px solid var(--accent); }
:root[data-theme="dark"] .announcement-dashboard .announcement-body > small { color: var(--muted); }
:root[data-theme="dark"] .announcement-card:is(.announcement-tile, .announcement-dashboard) { border: 1px solid var(--line); }
:root[data-theme="dark"] .announcement-media { background: var(--accent-soft); }
:root[data-theme="dark"] .announcement-card.announcement-event .announcement-pill { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .announcement-card:is(.announcement-tile, .announcement-dashboard) .announcement-body > p { color: var(--muted); }
:root[data-theme="dark"] .announcement-event-details { border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .announcement-card .announcement-event-details .event-date-card { border-color: color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: var(--panel); color: var(--theme-warning-text); }
:root[data-theme="dark"] .announcement-card .announcement-event-details .event-time-card { border: 0; background: none; }
:root[data-theme="dark"] .announcement-card .announcement-event-details .countdown-box { background: none; color: var(--theme-warning-text); }
:root[data-theme="dark"] .announcement-card-footer { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .announcement-card-footer > small { color: var(--muted); }
:root[data-theme="dark"] .content-card-open { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .content-card-open:hover { border-color: var(--accent); background: var(--theme-accent-bg); }
:root[data-theme="dark"] .modal-backdrop { background: rgba(8, 13, 23, 0.52); }
:root[data-theme="dark"] .modal { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .modal-header { border-bottom: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .content-options[open] > summary { background: var(--accent-soft); color: var(--theme-accent-text); border-color: var(--accent); }
:root[data-theme="dark"] .content-options-popover { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .content-options-popover button { border: 0; background: transparent; color: var(--ink); }
:root[data-theme="dark"] .content-options-popover button:hover,
:root[data-theme="dark"] .content-options-popover button:focus-visible { background: var(--accent-soft); }
:root[data-theme="dark"] .content-options-popover .content-options-danger { color: var(--theme-accent-text); }
:root[data-theme="dark"] .content-options-popover .content-options-danger:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .install-guide p,
:root[data-theme="dark"] .install-guide li { color: var(--muted); }
:root[data-theme="dark"] .install-guide-button { background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .install-guide-button:hover { background: var(--accent-strong); }
:root[data-theme="dark"] .modal-banner { background: var(--accent-soft); }
:root[data-theme="dark"] .clock-edit-when { color: var(--muted); }
:root[data-theme="dark"] .clock-edit-error { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); border-left: 4px solid #b92727; background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .clock-edit-row select,
:root[data-theme="dark"] .clock-edit-row input { border: 1px solid var(--line); }
:root[data-theme="dark"] .clock-edit-row label,
:root[data-theme="dark"] .clock-edit-mode { color: var(--muted); }
:root[data-theme="dark"] .request-detail-actions { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .request-review { color: var(--muted); }
:root[data-theme="dark"] .request-review strong { color: var(--ink); }
:root[data-theme="dark"] .request-detail-review { border: 1px solid var(--line); background: var(--bg); }
:root[data-theme="dark"] .user-membership-chip { border: 1px solid color-mix(in srgb, var(--membership-color) 28%, var(--line)); background: color-mix(in srgb, var(--membership-color) 8%, var(--panel)); color: var(--ink); }
:root[data-theme="dark"] .user-membership-chip i { background: var(--membership-color); }
:root[data-theme="dark"] .user-membership-chip small { color: var(--membership-color); }
:root[data-theme="dark"] .user-membership-chip.is-primary { border-color: color-mix(in srgb, var(--membership-color) 48%, var(--line)); }
:root[data-theme="dark"] .user-membership-row { border: 1px solid var(--line); border-left: 3px solid var(--accent); background: var(--panel); }
:root[data-theme="dark"] .request-summary small { color: var(--muted); }
:root[data-theme="dark"] .work-day-detail-summary div { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .work-day-detail-summary span { color: var(--muted); }
:root[data-theme="dark"] .work-day-detail-summary strong { color: var(--ink); }
:root[data-theme="dark"] .work-day-detail-summary small { color: var(--muted); }
:root[data-theme="dark"] .work-day-movement { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .work-day-movement.entry-in > span { background: rgba(21, 148, 71, 0.12); color: var(--theme-success-text); }
:root[data-theme="dark"] .work-day-movement.entry-break > span { background: rgba(224, 168, 21, 0.16); color: var(--theme-warning-text); }
:root[data-theme="dark"] .work-day-movement.entry-out > span { background: rgba(198, 40, 40, 0.12); color: var(--theme-accent-text); }
:root[data-theme="dark"] .work-day-movement small { color: var(--muted); }
:root[data-theme="dark"] .icon-button { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .icon-button:hover:not(:disabled) { border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .notification-item { border: 1px solid var(--line); border-left: 5px solid var(--accent); background: var(--panel); }
:root[data-theme="dark"] .notification-weekly_overtime { border-left-color: var(--warning); }
:root[data-theme="dark"] .notification-clock_correction { border-left-color: #2357c6; }
:root[data-theme="dark"] .notification-item.is-read { border-left-color: var(--line); }
:root[data-theme="dark"] .notification-item .notification-open { border: 0; background: transparent; color: var(--ink); }
:root[data-theme="dark"] .notification-item .notification-open:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .notification-item .notification-open small,
:root[data-theme="dark"] .notification-explanation { color: var(--muted); }
:root[data-theme="dark"] .notification-state { color: var(--muted); }
:root[data-theme="dark"] .notification-item.is-unread .notification-state { color: var(--theme-accent-text); }
:root[data-theme="dark"] .requests-table .request-group:has(.request-review-row) > tr:first-child > td { border-bottom: 0; }
:root[data-theme="dark"] .request-review-inline { color: var(--muted); }
:root[data-theme="dark"] .request-review-inline strong { color: var(--ink); }
@media (max-width: 1100px) {
:root[data-theme="dark"] .requests-table tbody tr { border: 1px solid var(--line); }
:root[data-theme="dark"] .requests-table tbody tr td { border: 0; }
:root[data-theme="dark"] .requests-table tbody tr td::before { color: var(--muted); }
:root[data-theme="dark"] .requests-table tbody.request-group { border: 1px solid var(--line); }
:root[data-theme="dark"] .requests-table tbody.request-group > tr { border: 0; }
:root[data-theme="dark"] .requests-table tbody.request-group > .request-review-row { border-top: 1px solid var(--line); }
}
:root[data-theme="dark"] .toast { border: 1px solid rgba(21, 148, 71, 0.24); border-left: 5px solid #159447; background: var(--panel-subtle); color: var(--ink); }
:root[data-theme="dark"] .toast-error { border-color: rgba(198, 40, 40, 0.24); border-left-color: #c62828; background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .toast-warning { border-color: rgba(178, 106, 15, 0.26); border-left-color: var(--warning); background: var(--panel-subtle); color: var(--theme-warning-text); }
:root[data-theme="dark"] .trash-button { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel); color: var(--theme-danger-text); }
:root[data-theme="dark"] .simple-list li { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .link-list-button { border: 0; background: transparent; color: inherit; }
:root[data-theme="dark"] .link-list-button:hover strong { color: var(--theme-accent-text); }
:root[data-theme="dark"] .thread-button { border: 0; background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .thread-button:hover { background: var(--panel); }
:root[data-theme="dark"] .message-avatar { border: 1px solid rgba(159, 61, 53, 0.16); background: var(--theme-accent-bg); color: var(--theme-accent-text); }
:root[data-theme="dark"] .thread-button em { background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .thread-button-copy small,
:root[data-theme="dark"] .thread-preview { color: var(--muted); }
:root[data-theme="dark"] .thread-detail { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .thread-contact { border-bottom: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .thread-contact span { color: var(--muted); }
:root[data-theme="dark"] .thread-contact strong { color: var(--ink); }
:root[data-theme="dark"] .thread-messages { background: var(--panel-subtle); }
:root[data-theme="dark"] .thread-message { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .thread-message-row.is-mine .thread-message { border-color: rgba(159, 61, 53, 0.2); background: var(--panel-subtle); }
:root[data-theme="dark"] .thread-message strong { color: var(--theme-accent-text); }
:root[data-theme="dark"] .thread-message p { color: var(--ink); }
:root[data-theme="dark"] .thread-message footer { color: var(--muted); }
:root[data-theme="dark"] .thread-message footer span { color: var(--muted); }
:root[data-theme="dark"] .thread-message footer span.is-read { color: var(--theme-info-text); }
:root[data-theme="dark"] .thread-detail > .field-grid { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .message-emoji-toggle { border: 1px solid var(--line); background: var(--panel-subtle); color: var(--ink); }
:root[data-theme="dark"] .message-emoji-toggle[aria-expanded="true"] { border-color: var(--accent); background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .message-emoji-picker { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .message-emoji-picker button { border: 0; background: transparent; }
:root[data-theme="dark"] .message-emoji-picker button:hover,
:root[data-theme="dark"] .message-emoji-picker button:focus-visible { background: var(--panel-subtle); }
:root[data-theme="dark"] .recipient-result { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .recipient-result small { color: var(--muted); }
:root[data-theme="dark"] .timeline li.timeline-entry { border: 1px solid var(--line); }
:root[data-theme="dark"] .timeline li strong { color: var(--ink); }
:root[data-theme="dark"] .timeline-entry.entry-in > span { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .timeline-entry.entry-break > span { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .timeline-entry.entry-out > span { background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .work-calendar-toolbar h4 { color: var(--ink); }
:root[data-theme="dark"] .work-calendar-weekdays span { color: var(--muted); }
:root[data-theme="dark"] .work-day { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .work-day small { color: var(--muted); }
:root[data-theme="dark"] .work-day-out { border-color: rgba(21, 148, 71, 0.22); background: var(--panel-subtle); }
:root[data-theme="dark"] .work-day-working,
:root[data-theme="dark"] .work-day-break { border-color: rgba(224, 168, 21, 0.24); background: var(--panel-subtle); }
:root[data-theme="dark"] .work-day-missing { border-color: rgba(198, 40, 40, 0.16); background: var(--panel); }
:root[data-theme="dark"] .review-day { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .review-day > strong { color: var(--ink); }
:root[data-theme="dark"] .review-workers button { border: 1px solid rgba(143, 58, 52, 0.16); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .review-workers button:hover { border-color: rgba(143, 58, 52, 0.36); background: var(--panel-subtle); }
:root[data-theme="dark"] .review-workers strong { color: var(--theme-accent-text); }
:root[data-theme="dark"] .review-workers small { color: var(--muted); }
:root[data-theme="dark"] .schedule-branch-filter { color: var(--muted); }
:root[data-theme="dark"] .schedule-legend { color: var(--muted); }
:root[data-theme="dark"] .schedule-own-key { background: var(--schedule-branch-color); }
:root[data-theme="dark"] .schedule-team-key { background: var(--theme-info-bg); }
:root[data-theme="dark"] .schedule-day { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .schedule-day:hover { border-color: color-mix(in srgb, var(--schedule-branch-color) 48%, var(--line)); }
:root[data-theme="dark"] .schedule-day.has-own-shift .schedule-day-number { background: #b42318; color: #ffffff; }
:root[data-theme="dark"] .schedule-day-lines > small { color: var(--muted); }
:root[data-theme="dark"] .schedule-shift-line { border-left: 3px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .schedule-shift-line.is-own { border-left-color: var(--branch-color); background: color-mix(in srgb, var(--branch-color) 12%, var(--panel)); }
:root[data-theme="dark"] .user-manager-scope { border: 1px solid var(--line); border-left: 4px solid var(--accent); background: var(--panel); }
:root[data-theme="dark"] .user-manager-scope p { color: var(--muted); }
:root[data-theme="dark"] .schedule-timeline { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .schedule-timeline-axis { color: var(--muted); }
:root[data-theme="dark"] .schedule-timeline-worker > strong { color: var(--muted); }
:root[data-theme="dark"] .schedule-timeline-worker.is-own > strong { color: var(--schedule-branch-color, var(--theme-accent-text)); }
:root[data-theme="dark"] .schedule-timeline-track { border: 1px solid color-mix(in srgb, var(--theme-info-text) 30%, var(--line)); background: linear-gradient(to right, transparent calc(25% - 1px), var(--theme-info-bg) 25%, transparent calc(25% + 1px)),
    linear-gradient(to right, transparent calc(50% - 1px), var(--theme-info-bg) 50%, transparent calc(50% + 1px)),
    linear-gradient(to right, transparent calc(75% - 1px), var(--theme-info-bg) 75%, transparent calc(75% + 1px)),
    var(--panel); }
:root[data-theme="dark"] .schedule-timeline-bar { background: var(--shift-color, #9aa9b8); }
:root[data-theme="dark"] .schedule-timeline-worker.is-own .schedule-timeline-bar { background: var(--shift-color, var(--schedule-branch-color, var(--accent))); }
:root[data-theme="dark"] .schedule-day-detail { border: 1px solid var(--line); border-left: 4px solid var(--line); }
:root[data-theme="dark"] .schedule-day-detail.is-own { border-left-color: var(--schedule-branch-color, var(--accent)); background: var(--panel); }
:root[data-theme="dark"] .schedule-day-detail span { color: var(--ink); }
:root[data-theme="dark"] .schedule-day-detail small { color: var(--muted); }
:root[data-theme="dark"] .schedule-editor { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .schedule-shift-form { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .schedule-shift-form.is-new { border-color: color-mix(in srgb, var(--schedule-branch-color, var(--accent)) 32%, var(--line)); background: var(--panel); }
:root[data-theme="dark"] .schedule-shift-form label { color: var(--muted); }
:root[data-theme="dark"] .danger-icon-button { border-color: rgba(180, 35, 24, 0.24); color: var(--theme-danger-text); }
:root[data-theme="dark"] .timeline-legend span { color: var(--muted); }
:root[data-theme="dark"] .legend-work,
:root[data-theme="dark"] .segment-work { background: #159447; }
:root[data-theme="dark"] .legend-break,
:root[data-theme="dark"] .segment-break { background: #e0a815; }
:root[data-theme="dark"] .legend-off { background: var(--theme-info-bg); }
:root[data-theme="dark"] .clock-timeline-scale { color: var(--muted); }
:root[data-theme="dark"] .clock-timeline-row.is-empty .clock-timeline-track { background: repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent calc(25% - 1px),
      rgba(101, 118, 138, 0.12) calc(25% - 1px),
      rgba(101, 118, 138, 0.12) 25%
    ),
    var(--panel-subtle); }
:root[data-theme="dark"] .clock-timeline-label strong { color: var(--ink); }
:root[data-theme="dark"] .clock-timeline-label small { color: var(--muted); }
:root[data-theme="dark"] .clock-timeline-track { border: 1px solid var(--line); background: repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent calc(25% - 1px),
      rgba(101, 118, 138, 0.18) calc(25% - 1px),
      rgba(101, 118, 138, 0.18) 25%
    ),
    var(--panel-subtle); }
:root[data-theme="dark"] .switch-control { color: var(--ink); }
:root[data-theme="dark"] .switch-control span { background: var(--theme-info-bg); }
:root[data-theme="dark"] .switch-control span::after { background: var(--panel); }
:root[data-theme="dark"] .switch-control input:checked + span { background: #159447; }
:root[data-theme="dark"] .clock-auto-option > small { color: var(--muted); }
:root[data-theme="dark"] .form-help { color: var(--muted); }
:root[data-theme="dark"] .fixed-schedule-fields { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .user-schedule-context { border-left: 3px solid var(--accent); color: var(--muted); }
:root[data-theme="dark"] .fixed-work-days { border: 0; }
:root[data-theme="dark"] .fixed-work-days legend { color: var(--muted); }
:root[data-theme="dark"] .fixed-work-day { border: 1px solid var(--line); background: var(--panel); color: var(--muted); }
:root[data-theme="dark"] .fixed-work-day[aria-pressed="true"] { border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); background: color-mix(in srgb, var(--accent) 10%, var(--panel)); color: var(--theme-accent-text); }
:root[data-theme="dark"] .fixed-schedule-coverage { border-left: 3px solid var(--line); background: var(--panel); color: var(--muted); }
:root[data-theme="dark"] .fixed-schedule-coverage.is-warning,
:root[data-theme="dark"] .user-schedule-warning { color: var(--theme-warning-text); }
:root[data-theme="dark"] .fixed-schedule-coverage.is-warning { border-left-color: var(--warning); background: var(--panel-subtle); }
:root[data-theme="dark"] .fixed-schedule-coverage.is-valid { border-left-color: var(--success); background: var(--panel-subtle); color: var(--theme-success-text); }
:root[data-theme="dark"] .fixed-schedule-coverage.is-info { border-left-color: #64748b; background: var(--panel-subtle); }
:root[data-theme="dark"] .user-directory-head p:not(.dashboard-section-kicker) { color: var(--muted); }
:root[data-theme="dark"] .user-directory-toolbar { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .user-directory-search { color: var(--muted); }
:root[data-theme="dark"] .user-directory-search input { background: var(--panel); }
:root[data-theme="dark"] .user-directory-toolbar select { background: var(--panel); }
:root[data-theme="dark"] .user-directory-count { color: var(--muted); }
:root[data-theme="dark"] .user-directory-count strong { color: var(--ink); }
:root[data-theme="dark"] .user-directory-table th { background: var(--panel); color: var(--muted); }
:root[data-theme="dark"] .user-directory-table tbody tr:not([data-users-search-empty]):hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .user-directory-person strong,
:root[data-theme="dark"] .user-directory-position strong,
:root[data-theme="dark"] .user-directory-schedule strong { color: var(--ink); }
:root[data-theme="dark"] .user-directory-person span,
:root[data-theme="dark"] .user-directory-person a,
:root[data-theme="dark"] .user-directory-position small,
:root[data-theme="dark"] .user-directory-schedule span,
:root[data-theme="dark"] .user-directory-schedule small { color: var(--muted); }
:root[data-theme="dark"] .user-directory-person a:hover { color: var(--theme-accent-text); }
:root[data-theme="dark"] .user-status.is-active { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .user-status.is-inactive { background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .user-account-state small { color: var(--muted); }
:root[data-theme="dark"] .activation-status.is-activated { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .activation-status.is-pending { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .user-directory-more[open] > summary { border-color: var(--accent); color: var(--theme-accent-text); }
:root[data-theme="dark"] .user-directory-menu { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .user-directory-menu button { border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); }
:root[data-theme="dark"] .user-directory-menu button:last-child { border-bottom: 0; }
:root[data-theme="dark"] .user-directory-menu button:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .user-directory-menu .danger-menu-action { color: var(--theme-danger-text); }
:root[data-theme="dark"] [data-users-search-empty] td { color: var(--muted); }
:root[data-theme="dark"] .identity-status.is-inactive { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .identity-status.is-deleted { background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .inactive-users-search { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .inactive-users-search input { background: var(--panel); }
:root[data-theme="dark"] .inactive-users-count { color: var(--muted); }
:root[data-theme="dark"] .inactive-users-count strong { color: var(--ink); }
:root[data-theme="dark"] .inactive-user-card { border: 1px solid var(--line); border-left: 3px solid #d79f2a; background: var(--panel); }
:root[data-theme="dark"] .inactive-user-card header p,
:root[data-theme="dark"] .inactive-user-detail header p { color: var(--muted); }
:root[data-theme="dark"] .inactive-user-card dt,
:root[data-theme="dark"] .inactive-user-detail dt { color: var(--muted); }
:root[data-theme="dark"] .inactive-user-card dd,
:root[data-theme="dark"] .inactive-user-detail dd { color: var(--ink); }
:root[data-theme="dark"] .inactive-user-card footer { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .offboarding-progress::before { background: var(--line); }
:root[data-theme="dark"] .offboarding-progress li { color: var(--muted); }
:root[data-theme="dark"] .offboarding-progress li > span { border: 2px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .offboarding-progress li.is-current,
:root[data-theme="dark"] .offboarding-progress li.is-complete { color: var(--theme-accent-text); }
:root[data-theme="dark"] .offboarding-progress li.is-current > span { border-color: var(--accent); }
:root[data-theme="dark"] .offboarding-progress li.is-complete > span { border-color: #168449; background: #168449; color: #ffffff; }
:root[data-theme="dark"] .offboarding-person { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .offboarding-person span { color: var(--muted); }
:root[data-theme="dark"] .offboarding-law-card,
:root[data-theme="dark"] .offboarding-warning-card,
:root[data-theme="dark"] .offboarding-retention-summary,
:root[data-theme="dark"] .offboarding-report-card { border: 1px solid var(--line); }
:root[data-theme="dark"] .offboarding-law-card { border-color: color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .offboarding-law-card > span { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .offboarding-law-card p,
:root[data-theme="dark"] .offboarding-warning-card p,
:root[data-theme="dark"] .offboarding-retention-summary p,
:root[data-theme="dark"] .offboarding-report-card p { color: var(--muted); }
:root[data-theme="dark"] .offboarding-retention-summary { border-left: 4px solid #d79f2a; background: var(--panel-subtle); }
:root[data-theme="dark"] .offboarding-retention-summary > span { color: var(--theme-warning-text); }
:root[data-theme="dark"] .offboarding-retention-summary > strong { color: var(--ink); }
:root[data-theme="dark"] .offboarding-report-card { background: var(--panel-subtle); }
:root[data-theme="dark"] .offboarding-download-state { color: var(--theme-warning-text); }
:root[data-theme="dark"] .offboarding-download-state.is-complete { color: var(--theme-success-text); }
:root[data-theme="dark"] .offboarding-warning-card { border-left: 4px solid var(--danger); background: var(--panel-subtle); }
:root[data-theme="dark"] .offboarding-org-switch { border: 1px solid var(--line); }
:root[data-theme="dark"] .offboarding-actions { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .offboarding-complete-icon { background: #168449; color: #ffffff; }
:root[data-theme="dark"] .offboarding-complete p { color: var(--muted); }
:root[data-theme="dark"] .support-confirm-copy.is-success > span { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .field-grid .user-edit-preview { border: 1px solid var(--line); border-left: 3px solid var(--accent); background: var(--panel-subtle); }
:root[data-theme="dark"] .user-edit-preview small { color: var(--muted); }
@media (max-width: 600px) {
:root[data-theme="dark"] .user-edit-preview .user-edit-account-states { border-top: 1px solid var(--line); }
}
:root[data-theme="dark"] .user-edit-branch-summary { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .user-edit-branch-summary > div > span,
:root[data-theme="dark"] .user-edit-schedule-heading span { color: var(--muted); }
:root[data-theme="dark"] .user-edit-branch-summary p { color: var(--muted); }
:root[data-theme="dark"] .time-24-control > span { color: var(--muted); }
:root[data-theme="dark"] .time-24-control small { color: var(--muted); }
:root[data-theme="dark"] .user-edit-schedule-note { border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line)); background: color-mix(in srgb, var(--accent) 5%, var(--panel)); }
:root[data-theme="dark"] .user-edit-schedule-note p { color: var(--muted); }
:root[data-theme="dark"] .profile-notification-settings { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .profile-notification-settings legend { color: var(--ink); }
:root[data-theme="dark"] .profile-notification-settings > p,
:root[data-theme="dark"] .profile-notification-settings > small { color: var(--muted); }
:root[data-theme="dark"] .profile-notification-settings .switch-control { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .organization-chart-shell { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .organization-toolbar { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .organization-toolbar p:not(.eyebrow) { color: var(--muted); }
:root[data-theme="dark"] .organization-toolbar-actions > output { color: var(--muted); }
:root[data-theme="dark"] .organization-zoom-controls { border: 1px solid var(--line-strong); background: var(--panel); }
:root[data-theme="dark"] .organization-zoom-controls button { border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--ink); }
:root[data-theme="dark"] .organization-zoom-controls button:last-child { border-right: 0; }
:root[data-theme="dark"] .organization-zoom-controls button:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .organization-viewport { background-color: var(--panel-subtle); }
:root[data-theme="dark"] .organization-node { border: 1px solid rgba(18, 24, 38, 0.12); border-top: 5px solid var(--organization-color); background: var(--panel); }
:root[data-theme="dark"] .organization-node:hover { border-color: color-mix(in srgb, var(--organization-color) 50%, var(--line)); }
:root[data-theme="dark"] .organization-node-avatar { border: 4px solid color-mix(in srgb, var(--organization-color) 20%, var(--line)); background: color-mix(in srgb, var(--organization-color) 12%, var(--panel)); color: var(--organization-color); }
:root[data-theme="dark"] .organization-node-name { color: var(--ink); }
:root[data-theme="dark"] .organization-node-role { color: var(--muted); }
:root[data-theme="dark"] .organization-node-branch { color: var(--organization-color); }
:root[data-theme="dark"] .organization-node-branch i { background: var(--organization-color); }
:root[data-theme="dark"] .organization-remove-button { border: 0; background: transparent; color: var(--muted); }
:root[data-theme="dark"] .organization-remove-button:hover { background: var(--panel-subtle); color: var(--theme-danger-text); }
:root[data-theme="dark"] .organization-edit-parents-button { border: 0; background: transparent; color: var(--muted); }
:root[data-theme="dark"] .organization-edit-parents-button:hover { background: color-mix(in srgb, var(--organization-color) 10%, var(--panel)); color: var(--organization-color); }
:root[data-theme="dark"] .organization-add-child,
:root[data-theme="dark"] .organization-add-peer { border: 3px solid var(--line); background: var(--organization-color); color: #ffffff; }
:root[data-theme="dark"] .organization-add-peer { background: var(--panel); color: var(--organization-color); }
:root[data-theme="dark"] .organization-label { border: 1px solid rgba(18, 24, 38, 0.11); background: var(--panel); }
:root[data-theme="dark"] .organization-label > span:first-child { background: var(--organization-label-color); }
:root[data-theme="dark"] .organization-label-copy strong { color: var(--ink); }
:root[data-theme="dark"] .organization-label-copy small { color: var(--organization-label-color); }
:root[data-theme="dark"] .organization-label button { border: 0; background: transparent; color: var(--muted); }
:root[data-theme="dark"] .organization-label button:hover { color: var(--theme-danger-text); }
:root[data-theme="dark"] .organization-empty-state { border: 1px dashed var(--line-strong); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .organization-empty-state > span { color: var(--theme-accent-text); }
:root[data-theme="dark"] .organization-empty-state p { color: var(--muted); }
:root[data-theme="dark"] .organization-person-form > label { color: var(--muted); }
:root[data-theme="dark"] .organization-parent-field { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .organization-parent-field legend { color: var(--ink); }
:root[data-theme="dark"] .organization-parent-field > p { color: var(--muted); }
:root[data-theme="dark"] .organization-parent-choices label { border: 1px solid var(--line); border-left: 4px solid var(--organization-color); background: var(--panel); }
:root[data-theme="dark"] .organization-parent-choices label:has(input:checked) { border-color: var(--organization-color); background: color-mix(in srgb, var(--organization-color) 8%, var(--panel)); }
:root[data-theme="dark"] .organization-parent-choices small { color: var(--muted); }
:root[data-theme="dark"] .organization-candidate { border: 1px solid var(--line); border-left: 4px solid var(--organization-color); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .organization-candidate:hover,
:root[data-theme="dark"] .organization-candidate.is-selected { border-color: var(--organization-color); background: color-mix(in srgb, var(--organization-color) 7%, var(--panel)); }
:root[data-theme="dark"] .organization-candidate small { color: var(--muted); }
:root[data-theme="dark"] .organization-candidate em { color: var(--organization-color); }
:root[data-theme="dark"] .organization-candidate > i { background: var(--organization-color); color: #ffffff; }
:root[data-theme="dark"] .organization-candidate-avatar { background: color-mix(in srgb, var(--organization-color) 12%, var(--panel)); color: var(--organization-color); }
:root[data-theme="dark"] .organization-candidate-empty,
:root[data-theme="dark"] .organization-candidate-loading { border: 1px dashed var(--line); color: var(--muted); }
:root[data-theme="dark"] .organization-color-field { border: 0; }
:root[data-theme="dark"] .organization-color-field legend { color: var(--muted); }
:root[data-theme="dark"] .organization-color-choices span { border: 4px solid var(--line); background: var(--swatch-color); }
:root[data-theme="dark"] .organization-pending-panel { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .organization-pending-panel > header { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .organization-pending-panel header p:not(.eyebrow) { color: var(--muted); }
:root[data-theme="dark"] .organization-pending-search { color: var(--muted); }
:root[data-theme="dark"] .organization-pending-summary { border-bottom: 1px solid var(--line); color: var(--muted); }
:root[data-theme="dark"] .organization-pending-summary strong { color: var(--theme-accent-text); }
:root[data-theme="dark"] .organization-pending-row { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .organization-pending-avatar { background: color-mix(in srgb, var(--organization-color) 12%, var(--panel)); color: var(--organization-color); }
:root[data-theme="dark"] .organization-pending-person small { color: var(--muted); }
:root[data-theme="dark"] .organization-pending-branch { color: var(--organization-color); }
:root[data-theme="dark"] .organization-pending-branch i { background: var(--organization-color); }
:root[data-theme="dark"] .organization-pending-pagination { color: var(--muted); }
:root[data-theme="dark"] .organization-pending-empty { color: var(--muted); }
:root[data-theme="dark"] .organization-pending-empty strong { color: var(--ink); }
@media (max-width: 900px) {
:root[data-theme="dark"] .login-shell { background: linear-gradient(145deg, rgba(42, 17, 17, 0.76), rgba(91, 32, 29, 0.7)),
      var(--login-bg-image),
      linear-gradient(145deg, rgba(42, 17, 17, 0.94), rgba(91, 32, 29, 0.9)),
      radial-gradient(circle at 18% 22%, rgba(242, 179, 93, 0.22), transparent 27%); }
:root[data-theme="dark"] .clock-action-panel { border-top: 1px solid rgba(143, 58, 52, 0.16); border-left: 0; }
}
:root[data-theme="dark"] .ethical-privacy-banner { border: 1px solid #6e302b; background: #3a1819; color: #ffffff; }
:root[data-theme="dark"] .ethical-privacy-banner .dashboard-section-kicker { color: var(--kaiju-gold); }
:root[data-theme="dark"] .ethical-privacy-banner p:last-child { color: #eadedf; }
:root[data-theme="dark"] .ethical-privacy-icon,
:root[data-theme="dark"] .ethical-code-success { border: 1px solid rgba(255, 255, 255, 0.28); background: var(--panel); color: var(--theme-success-text); }
:root[data-theme="dark"] .ethical-legal-grid p:last-child { color: var(--muted); }
:root[data-theme="dark"] .ethical-guarantees li { color: var(--muted); }
:root[data-theme="dark"] .ethical-guarantees li::before { color: var(--theme-success-text); }
:root[data-theme="dark"] .ethical-legal-details { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .ethical-legal-details summary { color: var(--theme-accent-text); }
:root[data-theme="dark"] .ethical-legal-details > div { color: var(--muted); }
:root[data-theme="dark"] .ethical-report-form .section-head,
:root[data-theme="dark"] .ethical-tracking-panel .section-head { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .ethical-report-form > label:not(.switch-control),
:root[data-theme="dark"] .ethical-identity-fields > label,
:root[data-theme="dark"] .ethical-form-grid > label,
:root[data-theme="dark"] .ethical-lookup-form > label,
:root[data-theme="dark"] .ethical-reply-form > label,
:root[data-theme="dark"] .ethical-admin-status > label,
:root[data-theme="dark"] .ethical-admin-filters > label { color: var(--muted); }
:root[data-theme="dark"] .ethical-report-form input:not([type="checkbox"]),
:root[data-theme="dark"] .ethical-report-form select,
:root[data-theme="dark"] .ethical-report-form textarea,
:root[data-theme="dark"] .ethical-lookup-form input,
:root[data-theme="dark"] .ethical-reply-form textarea,
:root[data-theme="dark"] .ethical-admin-status select,
:root[data-theme="dark"] .ethical-admin-filters input,
:root[data-theme="dark"] .ethical-admin-filters select { border: 1px solid var(--line-strong); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .ethical-report-form input:not([type="checkbox"]):hover:not(:disabled),
:root[data-theme="dark"] .ethical-report-form select:hover:not(:disabled),
:root[data-theme="dark"] .ethical-report-form textarea:hover:not(:disabled),
:root[data-theme="dark"] .ethical-lookup-form input:hover:not(:disabled),
:root[data-theme="dark"] .ethical-reply-form textarea:hover:not(:disabled),
:root[data-theme="dark"] .ethical-admin-status select:hover:not(:disabled),
:root[data-theme="dark"] .ethical-admin-filters input:hover:not(:disabled),
:root[data-theme="dark"] .ethical-admin-filters select:hover:not(:disabled) { border-color: var(--line); }
:root[data-theme="dark"] .ethical-report-form input:not([type="checkbox"]):focus,
:root[data-theme="dark"] .ethical-report-form select:focus,
:root[data-theme="dark"] .ethical-report-form textarea:focus,
:root[data-theme="dark"] .ethical-lookup-form input:focus,
:root[data-theme="dark"] .ethical-reply-form textarea:focus,
:root[data-theme="dark"] .ethical-admin-status select:focus,
:root[data-theme="dark"] .ethical-admin-filters input:focus,
:root[data-theme="dark"] .ethical-admin-filters select:focus { border-color: var(--accent); }
:root[data-theme="dark"] .ethical-report-form input:disabled { border-color: var(--line); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .ethical-anonymous-switch { border: 1px solid color-mix(in srgb, var(--theme-success-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .ethical-identity-fields { border-left: 3px solid var(--accent); }
:root[data-theme="dark"] .ethical-evidence-field input { background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .ethical-evidence-field input::file-selector-button { border: 0; background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .ethical-evidence-field input::file-selector-button:hover { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .ethical-evidence-field small { color: var(--muted); }
:root[data-theme="dark"] .ethical-submit-warning { border-left: 3px solid var(--kaiju-gold); background: var(--panel-subtle); }
:root[data-theme="dark"] .ethical-submit-warning span { color: var(--muted); }
:root[data-theme="dark"] .ethical-public-result { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .ethical-tracking-placeholder { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .ethical-public-result > p { color: var(--muted); }
:root[data-theme="dark"] .ethical-thread-summary { border-left: 4px solid var(--accent); }
:root[data-theme="dark"] .ethical-thread-summary p { color: var(--muted); }
:root[data-theme="dark"] .ethical-case-code,
:root[data-theme="dark"] .ethical-report-code { color: var(--theme-accent-text); }
:root[data-theme="dark"] .ethical-status { background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .ethical-status.is-open { background: var(--panel-subtle); color: var(--theme-info-text); }
:root[data-theme="dark"] .ethical-status.is-in_review { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .ethical-status.is-resolved { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .ethical-status.is-closed { background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .ethical-message { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .ethical-message.is-administrator { border-color: color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .ethical-message header time { color: var(--muted); }
:root[data-theme="dark"] .ethical-attachment { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .ethical-attachment:hover { border-color: var(--accent); }
:root[data-theme="dark"] .ethical-attachment > span { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .ethical-attachment small { color: var(--muted); }
:root[data-theme="dark"] .ethical-reply-form { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .ethical-file-button { color: var(--theme-accent-text); }
:root[data-theme="dark"] .ethical-file-button > span { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); }
:root[data-theme="dark"] .ethical-admin-status { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .ethical-closed-note { border-top: 1px solid var(--line); color: var(--muted); }
:root[data-theme="dark"] .ethical-report-list { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .ethical-report-row { border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); }
:root[data-theme="dark"] .ethical-report-row:hover,
:root[data-theme="dark"] .ethical-report-row.has-unread { background: var(--panel); }
:root[data-theme="dark"] .ethical-report-row.has-unread::before { background: var(--accent); }
:root[data-theme="dark"] .ethical-report-main small,
:root[data-theme="dark"] .ethical-report-row time { color: var(--muted); }
:root[data-theme="dark"] .ethical-unread { background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .ethical-empty-state { color: var(--muted); }
:root[data-theme="dark"] .ethical-empty-state strong { color: var(--ink); }
:root[data-theme="dark"] .ethical-code-success { border-color: color-mix(in srgb, var(--theme-success-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .ethical-code-receipt code { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .ethical-code-receipt p { color: var(--muted); }
:root[data-theme="dark"] .status-panel-is-vacation { border-color: rgba(33, 111, 147, 0.26); background: linear-gradient(135deg, var(--panel-subtle), var(--panel) 72%); }
:root[data-theme="dark"] .dashboard-status-panel.status-panel-is-out { background: linear-gradient(135deg, var(--panel-subtle), var(--panel) 76%); }
:root[data-theme="dark"] .dashboard-status-panel.status-panel-is-working { border-left-color: var(--success); background: linear-gradient(135deg, var(--panel-subtle), var(--panel) 76%); }
:root[data-theme="dark"] .dashboard-status-panel.status-panel-is-break { border-left-color: #d7a015; background: linear-gradient(135deg, var(--panel-subtle), var(--panel) 76%); }
:root[data-theme="dark"] .dashboard-status-panel.status-panel-is-vacation { border-left-color: #287b9f; background: linear-gradient(135deg, var(--panel-subtle), var(--panel) 76%); }
:root[data-theme="dark"] .status-panel-is-vacation .dashboard-status-signal { background: #287b9f; }
:root[data-theme="dark"] .dashboard-today-schedule { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .dashboard-today-schedule > span { color: var(--muted); }
:root[data-theme="dark"] .dashboard-today-schedule strong { color: var(--ink); }
:root[data-theme="dark"] .dashboard-today-schedule strong small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-today-schedule.is-empty strong { color: var(--muted); }
:root[data-theme="dark"] .dashboard-vacation-next.is-upcoming,
:root[data-theme="dark"] .dashboard-vacation-next.is-current { border-left: 3px solid #d49b2c; background: var(--panel-subtle); }
:root[data-theme="dark"] .dashboard-vacation-next.is-current { border-left-color: #218553; background: var(--panel-subtle); }
:root[data-theme="dark"] .dashboard-vacation-next > span { background: var(--theme-warning-bg); }
:root[data-theme="dark"] .dashboard-vacation-next small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-vacation-next.is-current > span { background: var(--theme-info-bg); }
:root[data-theme="dark"] .dashboard-vacation-kicker { color: var(--theme-warning-text) !important; }
:root[data-theme="dark"] .dashboard-vacation-next.is-current .dashboard-vacation-kicker { color: var(--theme-success-text) !important; }
:root[data-theme="dark"] .dashboard-vacation-countdown-value strong { color: var(--theme-warning-text); }
:root[data-theme="dark"] .dashboard-vacation-countdown-value span { color: var(--theme-warning-text); }
:root[data-theme="dark"] .dashboard-vacation-countdown-copy p,
:root[data-theme="dark"] .dashboard-vacation-current-copy p { color: var(--theme-warning-text); }
:root[data-theme="dark"] .dashboard-vacation-current-copy > strong { color: var(--theme-success-text); }
:root[data-theme="dark"] .dashboard-vacation-current-copy p { color: var(--muted); }
:root[data-theme="dark"] .dashboard-vacation-date { color: var(--theme-warning-text) !important; }
:root[data-theme="dark"] .dashboard-vacation-next.is-current .dashboard-vacation-date { color: var(--muted) !important; }
:root[data-theme="dark"] .dashboard-vacation-balance { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .dashboard-vacation-balance > div { color: var(--muted); }
:root[data-theme="dark"] .dashboard-vacation-balance > div + div { border-left: 1px solid var(--line); }
:root[data-theme="dark"] .dashboard-vacation-balance strong { color: var(--ink); }
:root[data-theme="dark"] .dashboard-vacation-balance > .is-approved { background: var(--panel-subtle); }
:root[data-theme="dark"] .dashboard-vacation-balance > .is-approved strong { color: var(--theme-warning-text); }
:root[data-theme="dark"] .dashboard-vacation-pending { border-left: 3px solid #d49b2c; background: var(--panel-subtle); }
:root[data-theme="dark"] .dashboard-vacation-pending > span { background: var(--theme-warning-bg); }
:root[data-theme="dark"] .dashboard-vacation-pending strong { color: var(--theme-warning-text); }
:root[data-theme="dark"] .dashboard-vacation-pending small { color: var(--theme-warning-text); }
:root[data-theme="dark"] .dashboard-vacation-hint { color: var(--muted) !important; }
@media (max-width: 520px) {
:root[data-theme="dark"] .dashboard-vacation-balance > div:nth-child(n + 3) { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .dashboard-vacation-balance > div:nth-child(3) { border-left: 0; }
}
:root[data-theme="dark"] .vacation-balance-strip { border: 1px solid var(--line); background: var(--line); }
:root[data-theme="dark"] .vacation-balance-strip span { background: var(--panel); color: var(--muted); }
:root[data-theme="dark"] .vacation-balance-strip strong { color: var(--ink); }
:root[data-theme="dark"] .vacation-balance-strip .is-available { background: var(--panel-subtle); }
:root[data-theme="dark"] .vacation-unconfigured,
:root[data-theme="dark"] .clock-vacation-lock { border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: var(--panel-subtle); }
:root[data-theme="dark"] .vacation-unconfigured > span,
:root[data-theme="dark"] .clock-vacation-lock > span { background: var(--theme-warning-bg); }
:root[data-theme="dark"] .vacation-days-preview { color: var(--muted); }
:root[data-theme="dark"] .vacation-days-preview.is-error { color: var(--theme-danger-text); }
:root[data-theme="dark"] .calendar-vacation { background: var(--theme-info-bg); color: var(--theme-info-text); }
:root[data-theme="dark"] .work-day-vacation { border-color: rgba(40, 123, 159, 0.25); background: var(--panel-subtle); color: var(--theme-info-text); }
:root[data-theme="dark"] .user-vacation-settings { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .user-vacation-settings legend { color: var(--ink); }
:root[data-theme="dark"] .user-vacation-balance { border-left: 3px solid var(--success); background: var(--panel-subtle); }
:root[data-theme="dark"] .user-vacation-balance span { color: var(--muted); }
:root[data-theme="dark"] .user-vacation-balance strong { color: var(--theme-success-text); }
:root[data-theme="dark"] .profile-employment-summary { border: 1px solid var(--line); background: var(--line); }
:root[data-theme="dark"] .profile-employment-summary > div { background: var(--panel); }
:root[data-theme="dark"] .profile-employment-summary span { color: var(--muted); }
:root[data-theme="dark"] .permission-user-results { border: 1px solid var(--line); }
:root[data-theme="dark"] .permission-user-result { border: 0; border-bottom: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .permission-user-result:last-child { border-bottom: 0; }
:root[data-theme="dark"] .permission-user-result:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .permission-user-result small,
:root[data-theme="dark"] .permission-user-empty,
:root[data-theme="dark"] .permission-help { color: var(--muted); }
:root[data-theme="dark"] .permission-controls { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .permission-user-selected { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .permission-user-selected small { color: var(--muted); }
:root[data-theme="dark"] .clock-report-heading > div > p:last-child,
:root[data-theme="dark"] .clock-report-step-title p { color: var(--muted); }
:root[data-theme="dark"] .clock-report-range-note { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .clock-report-form { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .clock-report-step + .clock-report-step { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .clock-report-step-number { background: var(--accent); color: #ffffff; }
:root[data-theme="dark"] .clock-report-search > span,
:root[data-theme="dark"] .clock-report-date-grid label { color: var(--ink); }
:root[data-theme="dark"] .clock-report-user-results { border: 1px solid var(--line); background: var(--line); }
:root[data-theme="dark"] .clock-report-user-result { border: 0; background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .clock-report-user-result:hover,
:root[data-theme="dark"] .clock-report-user-result.is-selected { background: var(--panel-subtle); }
:root[data-theme="dark"] .clock-report-user-result small,
:root[data-theme="dark"] .clock-report-selected-person small { color: var(--muted); }
:root[data-theme="dark"] .clock-report-user-result em { color: var(--muted); }
:root[data-theme="dark"] .clock-report-user-avatar { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .clock-report-user-empty { background: var(--panel); color: var(--muted); }
:root[data-theme="dark"] .clock-report-user-selection > p { border-left: 3px solid var(--line-strong); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .clock-report-selected-person { border-left: 3px solid var(--success); background: var(--panel-subtle); }
:root[data-theme="dark"] .clock-report-selected-person > span:last-child { color: var(--theme-success-text); }
:root[data-theme="dark"] .clock-report-options { border: 1px solid var(--line); background: var(--line); }
:root[data-theme="dark"] .clock-report-option { background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .clock-report-option > span:first-child,
:root[data-theme="dark"] .clock-report-switch { background: var(--theme-info-bg); color: var(--muted); }
:root[data-theme="dark"] .clock-report-switch::after { background: var(--panel); }
:root[data-theme="dark"] .clock-report-option > input:checked + .clock-report-switch { background: var(--success); }
:root[data-theme="dark"] .clock-report-option small { color: var(--muted); }
:root[data-theme="dark"] .clock-report-option em { background: var(--panel-subtle); color: var(--theme-success-text); }
:root[data-theme="dark"] .clock-report-actions { border-top: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .clock-report-actions small { color: var(--muted); }
:root[data-theme="dark"] .dashboard-day-timeline-times { color: var(--muted); }
:root[data-theme="dark"] .dashboard-day-timeline-times strong { color: var(--ink); }
:root[data-theme="dark"] .dashboard-day-timeline-times .is-live { color: var(--theme-accent-text); }
:root[data-theme="dark"] .dashboard-day-pause-marker { border-left: 1px solid var(--kaiju-gold); }
:root[data-theme="dark"] .dashboard-day-pause-marker time { color: var(--theme-warning-text); background: var(--surface, var(--panel)); }
:root[data-theme="dark"] .dashboard-day-timeline-track { background: var(--line); }
:root[data-theme="dark"] .dashboard-day-timeline .is-working { background: var(--accent); }
:root[data-theme="dark"] .dashboard-day-timeline .is-break { background: var(--kaiju-gold); }
:root[data-theme="dark"] .dashboard-day-timeline .is-out { background: var(--line-strong); }
:root[data-theme="dark"] .dashboard-day-timeline-now { border: 3px solid var(--panel); }
:root[data-theme="dark"] .dashboard-day-timeline-legend { color: var(--muted); }
:root[data-theme="dark"] .dashboard-day-timeline-events li { border: 1px solid var(--line); background: var(--panel-subtle); color: var(--muted); }
:root[data-theme="dark"] .dashboard-day-timeline-events time { color: var(--ink); }
:root[data-theme="dark"] .dashboard-day-timeline.is-empty p { color: var(--muted); }
:root[data-theme="dark"] .dashboard-status-duration-label { color: var(--muted); }

/* content-editor.css */
:root[data-theme="dark"] .publication-editor { border: 1px solid var(--line, color-mix(in srgb, var(--theme-info-text) 30%, var(--line))); background: var(--panel); }
:root[data-theme="dark"] .publication-editor:focus-within { border-color: var(--accent, #943c35); }
:root[data-theme="dark"] .publication-toolbar { background: var(--panel-subtle); border-bottom: 1px solid var(--line, color-mix(in srgb, var(--theme-info-text) 30%, var(--line))); }
:root[data-theme="dark"] .publication-toolbar button { border: 1px solid transparent; background: transparent; color: var(--theme-accent-text); }
:root[data-theme="dark"] .publication-toolbar button:hover,
:root[data-theme="dark"] .publication-toolbar button[aria-pressed="true"] { background: var(--theme-accent-bg); border-color: color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); color: var(--theme-accent-text); }
:root[data-theme="dark"] .publication-toolbar-divider { background: var(--panel-subtle); }
:root[data-theme="dark"] .publication-content { color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .publication-content strong { color: inherit; }
:root[data-theme="dark"] .publication-content em { color: inherit; }
:root[data-theme="dark"] .publication-editor-footer { border-top: 1px solid var(--line); color: var(--muted); background: var(--panel); }
:root[data-theme="dark"] .publication-editor-error { color: var(--theme-accent-text); }
:root[data-theme="dark"] .publication-content.publication-excerpt { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .dashboard-benefit-copy .publication-content strong { color: inherit; }
:root[data-theme="dark"] .dashboard-benefit-copy .publication-content em { color: inherit; }

/* benefit-modules.css */
:root[data-theme="dark"] .benefit-module-field { border: 1px solid var(--border,var(--line)); background: linear-gradient(145deg,var(--panel),var(--panel-subtle)); }
:root[data-theme="dark"] .benefit-module-heading p,
:root[data-theme="dark"] .benefit-module-empty,
:root[data-theme="dark"] .benefit-module-limits p { color: var(--muted,var(--muted)); }
:root[data-theme="dark"] .benefit-module-choices button { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .benefit-module-choices button:hover:not(:disabled) { border-color: #983c35; background: var(--panel-subtle); }
:root[data-theme="dark"] .benefit-module-choices span { color: var(--muted); }
:root[data-theme="dark"] .benefit-module-card-title small,
:root[data-theme="dark"] .benefit-module-preserved { color: var(--muted); }
:root[data-theme="dark"] .benefit-module-remove { border: 0; background: transparent; color: var(--theme-accent-text); }
:root[data-theme="dark"] .benefit-module-config { border: 0; }
:root[data-theme="dark"] .benefit-module-limits { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .benefit-module-error { color: var(--theme-accent-text); }
:root[data-theme="dark"] .benefit-howto { border-left: 2px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); }
:root[data-theme="dark"] .benefit-howto h4 { color: var(--theme-accent-text); }
:root[data-theme="dark"] .benefit-howto p { color: var(--muted); }
:root[data-theme="dark"] .benefit-redemption-card { border: 1px solid #8f4b3e; background: radial-gradient(ellipse at 100% 0,#ac5742 0,transparent 65%),linear-gradient(125deg,#341a1b,#73302b); color: #fff6ee; }
:root[data-theme="dark"] .benefit-redemption-card::after { border: 1px solid #f4d5b322; }
:root[data-theme="dark"] .benefit-pass-heading { color: #f0d5a2; }
:root[data-theme="dark"] .benefit-pass-icon { border: 1px solid #e8c69b40; background: #ffffff0a; }
:root[data-theme="dark"] .benefit-pass-status { background: #ffffff14; color: #fff2e4; border: 1px solid #ffffff20; }
:root[data-theme="dark"] .benefit-redemption-copy>span { color: #f0c8b8; }
:root[data-theme="dark"] .benefit-redemption-copy h4 { color: #fff9f1; }
:root[data-theme="dark"] .benefit-redemption-copy p { color: #ebd1c9; }
:root[data-theme="dark"] .benefit-personal-code { color: #fff8de; }
:root[data-theme="dark"] .benefit-pass-actions { border-top: 1px dashed #d9bbaa50; }
:root[data-theme="dark"] .benefit-pass-actions .secondary-button.primary { background: var(--theme-warning-bg); border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); color: var(--theme-accent-text); }
:root[data-theme="dark"] .benefit-pass-actions .secondary-button.primary:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .benefit-store-link { color: #ffead1; }
:root[data-theme="dark"] .benefit-pass-conditions { color: #ecd3c9; }
:root[data-theme="dark"] .benefit-redemption-card .benefit-module-error { color: #ffdfc4; }
:root[data-theme="dark"] .benefit-code-spinner { border: 2px solid #57252240; border-top-color: #572522; }
:root[data-theme="dark"] .benefit-code-ledger { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .benefit-code-table { border: 1px solid var(--line); }
:root[data-theme="dark"] .benefit-code-table th { background: var(--panel-subtle); }
:root[data-theme="dark"] .benefit-code-table td,
:root[data-theme="dark"] .benefit-code-table th { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .benefit-code-table small { color: var(--muted); }
:root[data-theme="dark"] .benefit-code-responsibility { color: #ecd3c9; border-top: 1px solid #ffffff20; }
:root[data-theme="dark"] .benefit-code-revoked { background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .content-options-popover [data-benefit-export] { color: inherit; }
:root[data-theme="dark"] .content-options-popover [data-benefit-export]:hover { background: var(--panel-subtle); }
:root[data-theme="dark"] .benefit-redemption-card .benefit-pass-actions .secondary-button.primary:is(:hover,:focus-visible,:active) { color: var(--theme-accent-text); background: var(--panel-subtle); border-color: var(--line); }
:root[data-theme="dark"] .benefit-module-concept small { color: var(--muted); }
:root[data-theme="dark"] .benefit-revocation-alert { border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: var(--panel-subtle); }

/* login.css */
:root[data-theme="dark"] #login-screen .login-panel { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .login-panel-intro { background: linear-gradient(120deg, var(--kaiju-dark), var(--accent-strong)); color: #ffffff; }
:root[data-theme="dark"] .login-panel-intro::before { border: 1px solid rgba(230, 178, 74, .14); }
:root[data-theme="dark"] .login-panel-wordmark .eyebrow { color: var(--kaiju-gold); }
:root[data-theme="dark"] #login-screen .login-copy { color: #f0d9d6; }
:root[data-theme="dark"] #login-screen .login-form > label { color: var(--ink); }
:root[data-theme="dark"] #login-screen .login-input-wrap input { border-color: var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] #login-screen .login-input-wrap input:focus { background: var(--panel); border-color: var(--accent); }
:root[data-theme="dark"] .login-input-icon { color: var(--muted); }
:root[data-theme="dark"] .login-input-wrap:focus-within .login-input-icon { color: var(--theme-accent-text); }
:root[data-theme="dark"] #login-screen .login-password-toggle { border: 0; color: var(--muted); background: transparent; }
:root[data-theme="dark"] #login-screen .login-password-toggle:hover { background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] #login-screen #auth-submit::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='1.6'%3E%3Cpath d='M3 10h13M11 5l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat; }
:root[data-theme="dark"] #login-screen #auth-submit:disabled::after { background: none; border: 2px solid rgba(255,255,255,.35); border-top-color: var(--line); }
:root[data-theme="dark"] .login-divider { color: var(--muted); }
:root[data-theme="dark"] .login-divider::before,
:root[data-theme="dark"] .login-divider::after { background: var(--line); }
:root[data-theme="dark"] .google-auth-button svg { color: var(--theme-accent-text); }
:root[data-theme="dark"] #login-screen .login-app-links p { color: var(--muted); }
:root[data-theme="dark"] #login-screen .login-app-links button { border: 1px solid var(--line); }
:root[data-theme="dark"] #login-screen .login-app-links small { color: var(--muted); }

/* login-challenge.css */
:root[data-theme="dark"] .nexus-login-challenge { color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .nexus-login-challenge-status { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .nexus-login-challenge .nexus-login-challenge-retry { border: 1px solid var(--accent, #9f3d35); background: var(--panel); color: var(--theme-accent-text); }

/* invitation-choice.css */
:root[data-theme="dark"] .nexus-invitation-choice { color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .nexus-invitation-choice .nexus-invitation-google,
:root[data-theme="dark"] .nexus-invitation-choice .nexus-invitation-choice-retry { border: 1px solid var(--accent, #9f3d35); background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .nexus-invitation-choice .nexus-invitation-google:hover,
:root[data-theme="dark"] .nexus-invitation-choice .nexus-invitation-choice-retry:hover { background: var(--accent-soft, var(--theme-accent-bg)); }
:root[data-theme="dark"] .nexus-invitation-choice .nexus-invitation-choice-status { color: var(--theme-accent-text); }
:root[data-theme="dark"] .nexus-invitation-choice .nexus-invitation-choice-alternative { border-top: 1px solid var(--border, var(--line)); color: var(--muted, var(--muted)); }

/* google-profile-link.css */
:root[data-theme="dark"] .google-profile-link { border-top: 1px solid var(--border, var(--line)); color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .google-profile-link .google-profile-link-status { color: var(--theme-accent-text); }
:root[data-theme="dark"] .google-profile-link .google-profile-link-note { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .google-profile-link .google-profile-link-error { color: var(--theme-accent-text); }
:root[data-theme="dark"] .google-profile-link .google-profile-link-button,
:root[data-theme="dark"] .google-profile-link .google-profile-link-retry { border: 1px solid var(--accent, #9f3d35); background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .google-profile-link .google-profile-link-button:hover,
:root[data-theme="dark"] .google-profile-link .google-profile-link-retry:hover { background: var(--accent-soft, var(--theme-accent-bg)); }

/* profile-completion.css */
:root[data-theme="dark"] .profile-completion-summary li { border: 1px solid var(--line, color-mix(in srgb, var(--theme-accent-text) 30%, var(--line))); background: var(--panel-subtle, var(--panel-subtle)); color: var(--text, var(--theme-accent-text)); }
:root[data-theme="dark"] .profile-completion-summary small { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .profile-completion-form { border: 1px solid var(--line, var(--line)); background: var(--panel-subtle, var(--panel-subtle)); }
:root[data-theme="dark"] .profile-completion-form input { border: 1px solid var(--line, var(--line)); background: var(--panel, var(--panel)); color: var(--text, var(--ink)); }
:root[data-theme="dark"] .profile-completion-form input::file-selector-button { border: 0; background: var(--theme-accent-bg); color: var(--theme-accent-text); }
:root[data-theme="dark"] .profile-completion-form small { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .profile-completion-form > button,
:root[data-theme="dark"] .profile-completion-actions button { border: 0; background: #963d36; color: #fff; }
:root[data-theme="dark"] .profile-completion-actions button + button { background: var(--panel, var(--panel)); border: 1px solid var(--line, var(--line)); color: var(--text, var(--theme-accent-text)); }
:root[data-theme="dark"] .profile-reminder-option > strong > small { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .profile-reminder-feedback { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .mobile-profile-reminders { border: 1px solid var(--line, var(--line)); background: var(--panel-subtle, var(--panel-subtle)); }
:root[data-theme="dark"] .mobile-profile-reminders legend { color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .mobile-profile-reminders > p { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .mobile-profile-reminders .mobile-profile-reminder-option { border-bottom: 1px solid var(--line, var(--line)); color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .mobile-profile-reminder-option small { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .profile-completion-feedback { color: var(--text, var(--theme-accent-text)); }
:root[data-theme="dark"] .profile-completion-progress { color: var(--text, var(--ink)); }
:root[data-theme="dark"] .profile-completion-progress > span { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .profile-completion-meter { background: var(--line, var(--panel-subtle)); }
:root[data-theme="dark"] .profile-completion-meter > span { background: #a64c43; }
:root[data-theme="dark"] .profile-completion-banner { border: 1px solid var(--line, var(--line)); border-left: 3px solid #a64c43; background: var(--panel, var(--panel)); color: var(--text, var(--ink)); }
:root[data-theme="dark"] .profile-completion-banner > p { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .profile-completion-banner > button { border: 1px solid #963d36; background: #963d36; color: #fff; }
:root[data-theme="dark"] .profile-completion-banner > button:hover { background: #7e302a; }

/* security-confirmation.css */
:root[data-theme="dark"] .security-confirmation { color: var(--ink); background: var(--panel); border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); }
:root[data-theme="dark"] .security-confirmation::backdrop { background: #21100f99; }
:root[data-theme="dark"] .security-confirmation-mark { color: var(--theme-accent-text); background: var(--theme-accent-bg); }
:root[data-theme="dark"] .security-confirmation-description,
:root[data-theme="dark"] #security-confirmation-description { color: var(--muted); }
:root[data-theme="dark"] .security-confirmation input,
:root[data-theme="dark"] .security-confirmation button { border: 1px solid var(--line); color: inherit; background: var(--panel); }
:root[data-theme="dark"] .security-confirmation .security-confirmation-primary { background: #9f3d35; border-color: #9f3d35; color: #fff; }
:root[data-theme="dark"] .security-confirmation .security-confirmation-cancel { background: transparent; border-color: transparent; color: var(--muted); }
:root[data-theme="dark"] .security-confirmation .security-confirmation-error { color: var(--theme-accent-text); }
:root[data-theme="dark"] .security-confirmation .security-confirmation-note,
:root[data-theme="dark"] .security-confirmation .security-confirmation-status { color: var(--muted); }

/* qa-request-cleanup.css */
:root[data-theme="dark"] .qa-request-cleanup-protected { border-left: 3px solid var(--accent); background: var(--panel-subtle, var(--panel-subtle)); }
:root[data-theme="dark"] .qa-request-cleanup-context { color: var(--muted); }
:root[data-theme="dark"] .qa-request-cleanup-requests li { border: 1px solid var(--line); }
:root[data-theme="dark"] .qa-request-cleanup-requests span,
:root[data-theme="dark"] .qa-request-cleanup-requests small { color: var(--muted); }
:root[data-theme="dark"] .qa-request-cleanup-counts > div { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .qa-request-cleanup-blockers { border-left: 3px solid var(--danger); background: var(--panel-subtle, var(--panel-subtle)); }
:root[data-theme="dark"] .qa-request-cleanup-notifications p { color: var(--muted); }
:root[data-theme="dark"] .qa-request-cleanup-clock-day { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .qa-request-cleanup-clock-entries > li { border-left: 3px solid var(--line); }
:root[data-theme="dark"] .qa-request-cleanup-clock-entries dt { color: var(--muted); }
:root[data-theme="dark"] .qa-request-cleanup-revisions span { color: var(--muted); }

/* clock-import.css */
:root[data-theme="dark"] .clock-import input,
:root[data-theme="dark"] .clock-import select,
:root[data-theme="dark"] .clock-import textarea { border: 1px solid var(--line); background: var(--panel); color: inherit; }
:root[data-theme="dark"] .clock-import input:focus-visible,
:root[data-theme="dark"] .clock-import select:focus-visible,
:root[data-theme="dark"] .clock-import textarea:focus-visible { border-color: var(--accent); }
:root[data-theme="dark"] .clock-import input[type="file"]::file-selector-button { border: 1px solid var(--accent); background: var(--accent); color: #fff; }
:root[data-theme="dark"] .clock-import-help { color: var(--muted); }
:root[data-theme="dark"] .clock-import-range label span { color: var(--muted); }
:root[data-theme="dark"] .clock-import-modes button[aria-pressed="true"] { color: var(--theme-accent-text); border-color: var(--accent); background: var(--panel-subtle, var(--panel-subtle)); }
:root[data-theme="dark"] .clock-import-counts > div { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .clock-import-counts dt { color: var(--muted); }
:root[data-theme="dark"] .clock-import-row { border: 1px solid var(--line); }
:root[data-theme="dark"] .clock-import-row-state { color: var(--theme-accent-text); }
:root[data-theme="dark"] .clock-import-row-blocked { border-left: 3px solid var(--danger); }
:root[data-theme="dark"] .clock-import-row dt { color: var(--muted); }
:root[data-theme="dark"] .clock-import-row p { color: var(--muted); }

/* employee-import.css */
:root[data-theme="dark"] .employee-import { color: var(--ink); }
:root[data-theme="dark"] .employee-import-recent { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .employee-import-help { color: var(--muted); }
:root[data-theme="dark"] .employee-import-steps li { border-bottom: 2px solid var(--line); color: var(--muted); }
:root[data-theme="dark"] .employee-import-steps li[aria-current="step"] { color: var(--theme-accent-text); border-color: var(--accent); background: var(--accent-soft); }
:root[data-theme="dark"] .employee-import-steps span { background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-steps li[aria-current="step"] span { background: var(--accent-soft); }
:root[data-theme="dark"] .employee-import input:not([type="checkbox"]):not([type="radio"]),
:root[data-theme="dark"] .employee-import select,
:root[data-theme="dark"] .employee-import textarea { border: 1px solid var(--line); background: var(--panel); color: inherit; }
:root[data-theme="dark"] .employee-import input[type="file"]::file-selector-button { border: 1px solid var(--accent); background: var(--accent); color: #fff; }
:root[data-theme="dark"] .employee-import-toolbar { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-selection > span { color: var(--muted); }
:root[data-theme="dark"] .employee-import-summary > div { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .employee-import-summary dt { color: var(--muted); }
:root[data-theme="dark"] .employee-import-table-wrap { border: 1px solid var(--line); }
:root[data-theme="dark"] .employee-import-table th { color: var(--theme-accent-text); background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-table th,
:root[data-theme="dark"] .employee-import-table td { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .employee-import-table label { color: var(--muted); }
:root[data-theme="dark"] .employee-import .employee-import-table input:not([type="checkbox"]):not([type="radio"]),
:root[data-theme="dark"] .employee-import .employee-import-table select { color: var(--ink); background: var(--panel); }
:root[data-theme="dark"] .employee-import-table tbody > tr:hover > td,
:root[data-theme="dark"] .employee-import-table tbody > tr:focus-within > td { background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-table tr.is-excluded > td { background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-table tr.is-excluded :is(input:not([type="checkbox"]), select) { color: var(--muted); }
:root[data-theme="dark"] .employee-import-table td > small { color: var(--muted); }
:root[data-theme="dark"] .employee-import-table tr.is-editing > td { background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-days { border: 0; }
:root[data-theme="dark"] .employee-import-days legend { color: var(--muted); }
:root[data-theme="dark"] .employee-import-day span { border: 1px solid var(--line); background: var(--panel); color: var(--muted); }
:root[data-theme="dark"] .employee-import-day input:checked + span { border-color: var(--accent); background: var(--accent-soft); color: var(--theme-accent-text); }
:root[data-theme="dark"] .employee-import-table small.employee-import-inline-problem { color: var(--theme-danger-text); }
:root[data-theme="dark"] .employee-import-sr-only { border: 0; }
:root[data-theme="dark"] .employee-import-state { background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-state.is-problem { color: var(--theme-danger-text); background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-email-notice,
:root[data-theme="dark"] .employee-import-table td > small.employee-import-email-notice { color: var(--theme-warning-text); }
:root[data-theme="dark"] .employee-import-state.is-ready { color: var(--theme-accent-text); background: var(--accent-soft); }
:root[data-theme="dark"] .employee-import-issues { border-left: 3px solid var(--line); }
:root[data-theme="dark"] .employee-import-confirmation { border-left: 3px solid var(--accent); background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-welcome { border: 1px solid var(--line); }
:root[data-theme="dark"] .employee-import-bulk { background: var(--panel-subtle); }
:root[data-theme="dark"] .employee-import-bulk > summary { color: var(--theme-accent-text); }
@media (max-width: 900px) {
:root[data-theme="dark"] .employee-import-table-wrap { border: 0; }
:root[data-theme="dark"] .employee-import-table tr { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .employee-import-table th,
:root[data-theme="dark"] .employee-import-table td { border: 0; }
:root[data-theme="dark"] .employee-import-table tbody > tr:hover > td,
:root[data-theme="dark"] .employee-import-table tbody > tr:focus-within > td,
:root[data-theme="dark"] .employee-import-table tr.is-editing > td,
:root[data-theme="dark"] .employee-import-table tr.is-excluded > td { background: transparent; }
:root[data-theme="dark"] .employee-import-table tr.is-excluded,
:root[data-theme="dark"] .employee-import-table tr.is-editing { background: var(--panel-subtle); }
}

/* expenses.css */
:root[data-theme="dark"] .nexus-expenses { color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .expenses-eyebrow { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-description { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-tabs { border: 1px solid var(--line, var(--line)); background: var(--panel-subtle, var(--panel-subtle)); }
:root[data-theme="dark"] .nexus-expenses .expenses-tabs button { border: 1px solid transparent; background: transparent; color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .nexus-expenses .expenses-tabs button[aria-selected="true"] { background: var(--panel, var(--panel)); border-color: var(--line-strong, var(--line)); color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .expenses-button { border: 1px solid var(--line-strong, var(--line)); background: var(--panel, var(--panel)); color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .expenses-button-primary { border-color: var(--accent, #983c35); background: var(--accent, #983c35); color: #fff; }
:root[data-theme="dark"] .expenses-button:hover:not(:disabled) { border-color: var(--accent, #983c35); background: var(--accent-soft, var(--theme-accent-bg)); color: var(--theme-accent-text); }
:root[data-theme="dark"] .expenses-branch { color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .expenses-branch select { border: 1px solid var(--line-strong, var(--line)); background: var(--panel, var(--panel)); color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .expenses-branch-note { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-feedback { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-feedback.is-error { color: var(--theme-danger-text); }
:root[data-theme="dark"] .expenses-history { border: 1px solid var(--line, var(--line)); background: var(--panel, var(--panel)); }
:root[data-theme="dark"] .expenses-state-icon { color: var(--theme-accent-text); }
:root[data-theme="dark"] .expenses-state p { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-table th { background: var(--panel-subtle, var(--panel-subtle)); color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-table th,
:root[data-theme="dark"] .expenses-table td { border-bottom: 1px solid var(--line, var(--line)); }
:root[data-theme="dark"] .expenses-table tbody tr:last-child td { border-bottom: 0; }
:root[data-theme="dark"] .expenses-document-icon { background: var(--accent-soft, var(--theme-accent-bg)); color: var(--theme-accent-text); }
:root[data-theme="dark"] .expenses-reference,
:root[data-theme="dark"] .expenses-entity { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-document-description { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-totals dt { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-totals dt:first-child,
:root[data-theme="dark"] .expenses-amount { color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .expenses-status-label { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-accounting-note { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-kbc-link { color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .expenses-status-note { color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .expenses-status-draft { background: var(--expenses-neutral-bg); color: var(--expenses-neutral-text); }
:root[data-theme="dark"] .expenses-status-information,
:root[data-theme="dark"] .expenses-status-pending { background: var(--expenses-warning-bg); color: var(--expenses-warning-text); }
:root[data-theme="dark"] .expenses-status-partial,
:root[data-theme="dark"] .expenses-status-recorded { background: var(--expenses-info-bg); color: var(--expenses-info-text); }
:root[data-theme="dark"] .expenses-status-approved,
:root[data-theme="dark"] .expenses-status-paid { background: var(--expenses-success-bg); color: var(--expenses-success-text); }
:root[data-theme="dark"] .expenses-status-rejected { background: var(--expenses-danger-bg); color: var(--expenses-danger-text); }
:root[data-theme="dark"] .expenses-page-summary { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .expenses-sr-only { border: 0; }
@media (max-width: 720px) {
:root[data-theme="dark"] .expenses-table tr { border-bottom: 1px solid var(--line, var(--line)); }
:root[data-theme="dark"] .expenses-table tr:last-child { border-bottom: 0; }
:root[data-theme="dark"] .expenses-table td { border: 0; }
:root[data-theme="dark"] .expenses-table td:not(:first-child)::before { color: var(--muted, var(--muted)); }
}

/* documents.css */
:root[data-theme="dark"] .nexus-documents { color: var(--text, var(--ink)); }
:root[data-theme="dark"] .documents-header p { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .documents-header .documents-eyebrow { color: var(--theme-accent-text); }
:root[data-theme="dark"] .nexus-documents .documents-button { border: 1px solid var(--line, var(--line)); background: var(--panel); color: var(--theme-accent-text); }
:root[data-theme="dark"] .nexus-documents .documents-button-primary { background: var(--accent, #9f3d35); color: #fff; border-color: var(--accent, #9f3d35); }
:root[data-theme="dark"] .nexus-documents .documents-button-subtle { border-color: transparent; background: transparent; color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .nexus-documents .documents-button-danger { border-color: var(--accent, #9f3d35); }
:root[data-theme="dark"] .nexus-documents :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) { border: 1px solid var(--line, var(--line)); background: var(--panel); color: inherit; }
:root[data-theme="dark"] .nexus-documents input[type="file"]::file-selector-button { border: 0; background: var(--accent, #9f3d35); color: #fff; }
:root[data-theme="dark"] .documents-feedback { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .document-card { background: var(--panel); border: 1px solid var(--line, var(--line)); }
:root[data-theme="dark"] .document-file-icon { background: var(--theme-accent-bg); color: var(--theme-accent-text); }
:root[data-theme="dark"] .document-meta,
:root[data-theme="dark"] .document-filename { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .documents-empty { border: 1px dashed var(--line, var(--line)); background: var(--panel); }
:root[data-theme="dark"] .documents-empty svg { color: var(--theme-accent-text); }
:root[data-theme="dark"] .documents-empty p { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .documents-pagination span { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .documents-publish { border: 1px solid var(--line, var(--line)); background: var(--panel); }
:root[data-theme="dark"] .documents-publish fieldset { border: 1px solid var(--line, var(--line)); }
:root[data-theme="dark"] .documents-error { color: var(--theme-accent-text); }

/* birthday-celebration.css */
:root[data-theme="dark"] .birthday-celebration-card { border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); background: radial-gradient(ellipse at 10% 30%, rgba(230, 178, 74, .16), transparent 66%),
    var(--panel); color: var(--ink); }
:root[data-theme="dark"] .birthday-celebration-close { border: 0; background: transparent; color: var(--theme-accent-text); }
:root[data-theme="dark"] .birthday-celebration-close:hover { background: var(--theme-accent-bg); }
:root[data-theme="dark"] .birthday-celebration-copy h2 { color: var(--theme-accent-text); }
:root[data-theme="dark"] .birthday-celebration-copy p { color: var(--muted); }
:root[data-theme="dark"] .birthday-celebration-copy strong { color: var(--theme-accent-text); }
:root[data-theme="dark"] .birthday-celebration-piece { background: var(--piece-color, #e6b24a); }

/* date-input.css */
:root[data-theme="dark"] .nexus-date-field > label { color: inherit; }
:root[data-theme="dark"] .nexus-date-control { border: 1px solid var(--line, var(--line)); background: var(--panel); }
:root[data-theme="dark"] .nexus-date-control:focus-within { border-color: var(--accent, #983e36); }
:root[data-theme="dark"] .nexus-date-control input[data-date-text] { border: 0; background: transparent; color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .nexus-date-field .nexus-date-control button { border: 0; border-left: 1px solid var(--line, var(--line)); background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .nexus-date-calendar { border: 1px solid var(--line, var(--line)); background: var(--panel); color: var(--ink, var(--ink)); }
:root[data-theme="dark"] .nexus-date-month select { border: 0; background: var(--panel); color: inherit; }
:root[data-theme="dark"] .nexus-date-calendar .nexus-date-month button,
:root[data-theme="dark"] .nexus-date-calendar .nexus-date-days button { border: 0; background: transparent; color: inherit; }
:root[data-theme="dark"] .nexus-date-weekdays { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .nexus-date-days button.is-other-month { color: var(--muted); }
:root[data-theme="dark"] .nexus-date-calendar .nexus-date-days button[aria-pressed="true"] { background: var(--accent, #983e36); color: #fff; }
:root[data-theme="dark"] .nexus-date-calendar button:hover:not(:disabled):not([aria-pressed="true"]) { background: var(--theme-accent-bg); }
:root[data-theme="dark"] .nexus-date-close { border: 0; background: var(--panel-subtle); color: var(--theme-accent-text); }

/* clock-visuals.css */
:root[data-theme="dark"] .nexus-clock-progress { border: 1px solid color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); color: var(--theme-accent-text); background: linear-gradient(115deg, var(--panel-subtle), var(--panel-subtle)); }
:root[data-theme="dark"] .auto-exit-dialog { border: 1px solid var(--line); color: var(--ink); background: var(--panel); }
:root[data-theme="dark"] .auto-exit-dialog::backdrop { background: #27101165; }
:root[data-theme="dark"] .auto-exit-heading > span { background: var(--theme-accent-bg); color: var(--theme-accent-text); }
:root[data-theme="dark"] .auto-exit-dialog p { color: var(--muted); }
:root[data-theme="dark"] .auto-exit-choice { border: 1px solid var(--line); background: var(--panel); color: inherit; }
:root[data-theme="dark"] .auto-exit-choice[data-exit-choice="auto"] { border-color: color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .auto-exit-choice small { color: var(--muted); }
:root[data-theme="dark"] .auto-exit-choice:hover { border-color: #983c35; }
:root[data-theme="dark"] .auto-exit-cancel { border: 0; background: transparent; color: var(--theme-accent-text); }
:root[data-theme="dark"] .nexus-clock-progress-copy small { color: var(--muted); }
:root[data-theme="dark"] .clock-progress-dots i { background: #b98940; }
:root[data-theme="dark"] .clock-decorated::before { background: var(--clock-illustration) right bottom / contain no-repeat; }

/* branch-privacy.css */
:root[data-theme="dark"] .branch-privacy { color: var(--ink); }
:root[data-theme="dark"] .branch-privacy-intro p,
:root[data-theme="dark"] .branch-privacy-hint { color: var(--muted); }
:root[data-theme="dark"] .branch-privacy-controls { border: 1px solid var(--line); background: var(--panel-subtle); }
:root[data-theme="dark"] .branch-privacy-field { color: var(--ink); }
:root[data-theme="dark"] .branch-privacy-field select { border: 1px solid var(--line-strong); color: var(--ink); background: var(--panel); }
:root[data-theme="dark"] .branch-privacy-tabs { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .branch-privacy-button { border: 1px solid var(--line); background: var(--panel); color: var(--ink); }
:root[data-theme="dark"] .branch-privacy-button:hover:not(:disabled) { border-color: var(--line-strong); background: var(--panel-subtle); }
:root[data-theme="dark"] .branch-privacy-tabs .branch-privacy-button { border: 0; background: transparent; color: var(--muted); }
:root[data-theme="dark"] .branch-privacy-tabs [aria-selected="true"] { background: var(--panel-subtle); color: var(--ink); }
:root[data-theme="dark"] .branch-privacy-graph-panel,
:root[data-theme="dark"] .branch-privacy-matrix-panel { border: 1px solid var(--line); border-top: 0; }
:root[data-theme="dark"] .branch-privacy-source { border: 1px solid var(--accent); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
:root[data-theme="dark"] .branch-privacy-kicker { color: var(--muted); }
:root[data-theme="dark"] .branch-privacy-avatar { border: 1px solid var(--line); background: var(--panel-subtle); color: var(--ink); }
:root[data-theme="dark"] .branch-privacy-avatar::after { background: var(--branch-privacy-color, var(--accent)); }
:root[data-theme="dark"] .branch-privacy-count { border-top: 1px solid var(--line); color: var(--muted); }
:root[data-theme="dark"] .branch-privacy-count strong { color: var(--ink); }
:root[data-theme="dark"] .branch-privacy-peer { background: var(--panel); }
:root[data-theme="dark"] .branch-privacy-peer[aria-checked="true"] { border-color: color-mix(in srgb, var(--accent) 70%, var(--line)); background: color-mix(in srgb, var(--accent) 6%, var(--panel)); }
:root[data-theme="dark"] .branch-privacy-peer-copy small { color: var(--muted); }
:root[data-theme="dark"] .branch-privacy-switch { background: var(--line-strong); }
:root[data-theme="dark"] .branch-privacy-switch::after { background: var(--panel); }
:root[data-theme="dark"] .branch-privacy-peer[aria-checked="true"] .branch-privacy-switch { background: var(--accent); }
:root[data-theme="dark"] .branch-privacy-explanation p { color: var(--muted); }
:root[data-theme="dark"] .branch-privacy-actions { background: var(--panel); border-top: 1px solid var(--line); }
:root[data-theme="dark"] .branch-privacy-status { color: var(--muted); }
:root[data-theme="dark"] .branch-privacy .branch-privacy-save { background: var(--accent); color: #fff; border-color: var(--accent); }
:root[data-theme="dark"] .branch-privacy .branch-privacy-save:hover:not(:disabled) { background: var(--accent-strong); border-color: var(--accent-strong); }
:root[data-theme="dark"] .branch-privacy-error { color: var(--theme-danger-text, var(--theme-danger-text)); }
:root[data-theme="dark"] .branch-privacy-matrix th,
:root[data-theme="dark"] .branch-privacy-matrix td { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .branch-privacy-matrix thead th { color: var(--muted); }
:root[data-theme="dark"] .branch-privacy-current-row { background: color-mix(in srgb, var(--accent) 6%, var(--panel)); }
:root[data-theme="dark"] .branch-privacy-matrix-toggle[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: #fff; }
:root[data-theme="dark"] .branch-privacy-self { color: var(--muted); }
:root[data-theme="dark"] .branch-holiday-setting { color: var(--ink); }
:root[data-theme="dark"] .branch-holiday-setting small,
:root[data-theme="dark"] .branch-holiday-help { color: var(--muted); }

/* social-comments.css */
:root[data-theme="dark"] .social-comments > .social-comment { background: none; border: 0; }
:root[data-theme="dark"] .social-comment + .social-comment { border-top: 1px solid var(--line, var(--line)); }
:root[data-theme="dark"] .social-comments > .social-comment[data-notification-focus] { background: var(--theme-warning-bg); }
:root[data-theme="dark"] html[data-theme="dark"] .social-comments > .social-comment[data-notification-focus] { background: #38301e; }
:root[data-theme="dark"] .social-comment-avatar { background: var(--theme-accent-bg); color: var(--theme-accent-text); }
:root[data-theme="dark"] .social-comment-meta time,
:root[data-theme="dark"] .social-comment-status { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .social-comment-like { border: 1px solid transparent; background: transparent; color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .social-comment-like:hover { background: var(--panel-subtle); color: var(--theme-accent-text); }
:root[data-theme="dark"] .social-comment-like[aria-pressed="true"] { background: var(--theme-accent-bg); border-color: color-mix(in srgb, var(--theme-accent-text) 30%, var(--line)); color: var(--theme-accent-text); }
:root[data-theme="dark"] .social-comments-empty { color: var(--muted); }
:root[data-theme="dark"] .social-comments-heading > span { background: var(--theme-warning-bg); color: var(--theme-accent-text); }
:root[data-theme="dark"] html[data-theme="dark"] .social-comment-avatar { background: #40302e; color: #f0c5bf; }
:root[data-theme="dark"] html[data-theme="dark"] .social-comment-like:hover { background: #302725; color: #f0b6aa; }
:root[data-theme="dark"] html[data-theme="dark"] .social-comment-like[aria-pressed="true"] { background: #432b2b !important; border-color: #70413d !important; color: #ffb5ab !important; }
:root[data-theme="dark"] html[data-theme="dark"] .social-comments-heading > span { background: #302725; color: #f0b6aa; }

/* clock-review-notice.css */
:root[data-theme="dark"] .clock-review-notice { border: 1px solid color-mix(in srgb, var(--theme-warning-text) 30%, var(--line)); border-left: 4px solid #ca941e; background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .clock-review-notice-icon,
:root[data-theme="dark"] .clock-review-day-marker { background: #d8a634; color: var(--ink); }
:root[data-theme="dark"] .clock-review-notice > button { border: 1px solid #8c6520; background: var(--panel-subtle); color: var(--theme-warning-text); }
:root[data-theme="dark"] .clock-review-notice > button:hover { background: var(--theme-warning-bg); }
:root[data-theme="dark"] .work-day.work-day-review { border: 1px solid #c29329; border-left: 4px solid #c29329; background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .work-day.work-day-review > span,
:root[data-theme="dark"] .work-day.work-day-review > small { color: var(--theme-warning-text); }
:root[data-theme="dark"] .work-calendar .work-day.work-day-unrecorded { background: var(--panel, var(--panel)); border-color: var(--line, var(--line)); color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .work-calendar .work-day.work-day-unrecorded > small { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .work-calendar .work-day.work-day-holiday { background: var(--panel-subtle); border-color: color-mix(in srgb, var(--theme-info-text) 30%, var(--line)); color: var(--theme-info-text); }
:root[data-theme="dark"] .work-calendar .work-day .clock-holiday-title { color: var(--theme-info-text); }
:root[data-theme="dark"] .work-calendar-review-legend { color: var(--ink, var(--text, var(--ink))); }
:root[data-theme="dark"] .clock-review-calendar-count { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .clock-review-calendar-count.is-clear { background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .clock-review-calendar-navigation button { border: 1px solid var(--line, var(--line)); background: var(--panel, var(--panel)); color: var(--ink, var(--text, var(--ink))); }
:root[data-theme="dark"] .clock-review-calendar-weekdays { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .clock-review-calendar-grid .clock-review-calendar-day { border: 1px solid var(--line, var(--line)); background: var(--panel, var(--panel)); color: var(--ink, var(--text, var(--ink))); }
:root[data-theme="dark"] .clock-review-calendar-grid .clock-review-calendar-day.needs-review { border-color: #c38e1f; background: var(--theme-warning-bg); color: var(--theme-warning-text); }
:root[data-theme="dark"] .clock-review-calendar-grid .clock-review-calendar-day.has-clock { border-color: color-mix(in srgb, var(--theme-success-text) 30%, var(--line)); background: var(--theme-success-bg); color: var(--theme-success-text); }
:root[data-theme="dark"] .clock-review-calendar-grid .clock-review-calendar-day.is-holiday:not(.has-clock) { border-color: color-mix(in srgb, var(--theme-info-text) 30%, var(--line)); background: var(--panel-subtle); color: var(--theme-info-text); }
:root[data-theme="dark"] .clock-review-holiday-mark { color: var(--theme-info-text); }
:root[data-theme="dark"] .clock-review-holiday-list { border-top: 1px solid var(--line, var(--line)); }
:root[data-theme="dark"] .clock-review-holiday-list li { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .clock-review-holiday-list time { color: var(--theme-info-text); }
:root[data-theme="dark"] .clock-review-calendar-day i,
:root[data-theme="dark"] .clock-review-calendar-legend i { background: #35864b; }
:root[data-theme="dark"] .clock-review-calendar-legend { color: var(--muted, var(--muted)); }
:root[data-theme="dark"] .clock-review-calendar-help { color: var(--muted, var(--muted)); }