/* Dark counterparts for fixed light-theme colors across existing module styles. */
html[data-theme="dark"] { --dark-warning-surface: #392c20; }
html[data-theme="dark"] .operation-sidebar { --surface: inherit; --surface-subtle: inherit; --surface-accent: inherit; --text: inherit; --text-muted: inherit; --text-faint: inherit; --border: inherit; --border-strong: inherit; --primary: inherit; --primary-hover: inherit; }
html[data-theme="dark"] .people-simulation-options p { color: #a8caff; }
html[data-theme="dark"] .payroll-heading h1 { color: var(--text); }
html[data-theme="dark"] .payroll-heading p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .payroll-heading label { color: var(--text-muted); }
html[data-theme="dark"] .payroll-metrics article, html[data-theme="dark"] .payroll-result-totals article { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .payroll-metrics small, html[data-theme="dark"] .payroll-result-totals small { color: var(--text-muted); }
html[data-theme="dark"] .payroll-metrics strong, html[data-theme="dark"] .payroll-result-totals strong { color: var(--text); }
html[data-theme="dark"] .payroll-panel { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .payroll-panel h2, html[data-theme="dark"] .payroll-panel h3 { color: var(--text); }
html[data-theme="dark"] .payroll-panel header p { color: var(--text-muted); }
html[data-theme="dark"] .payroll-master-fields label, html[data-theme="dark"] .payroll-trial-form label { color: var(--text-muted); }
html[data-theme="dark"] .payroll-concepts { border-top-color: var(--border); }
html[data-theme="dark"] .payroll-concepts article { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .payroll-concepts strong { color: var(--primary-hover); }
html[data-theme="dark"] .payroll-concepts span { color: var(--text); }
html[data-theme="dark"] .payroll-concepts small { color: var(--text-muted); }
html[data-theme="dark"] .payroll-panel footer { border-top-color: var(--border); }
html[data-theme="dark"] .payroll-panel footer small { color: var(--text-muted); }
html[data-theme="dark"] .payroll-result-empty { color: var(--text-muted); }
html[data-theme="dark"] .payroll-result th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .payroll-result th, html[data-theme="dark"] .payroll-result td { border-bottom-color: var(--border); }
html[data-theme="dark"] .payroll-result footer { color: var(--text-muted); }
html[data-theme="dark"] .migration-tabs { border-bottom-color: var(--border); }
html[data-theme="dark"] .migration-tabs button { color: var(--text-muted); }
html[data-theme="dark"] .migration-tabs button.is-active { color: var(--text); }
html[data-theme="dark"] .migration-tabs b { background-color: var(--surface-subtle); }
html[data-theme="dark"] .migration-import-history { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .migration-import-history > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .migration-import-history h2 { color: var(--text); }
html[data-theme="dark"] .migration-import-history p { color: var(--text-muted); }
html[data-theme="dark"] .migration-import-history > header > span { color: var(--text-muted); }
html[data-theme="dark"] .migration-history-list article { border-bottom-color: var(--border); }
html[data-theme="dark"] .migration-history-list strong { color: var(--text); }
html[data-theme="dark"] .migration-history-list small { color: var(--text-muted); }
html[data-theme="dark"] .migration-history-list dt { color: var(--text-muted); }
html[data-theme="dark"] .migration-history-list dd { color: var(--text); }
html[data-theme="dark"] .migration-history-status { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .migration-history-status.is-reverted, html[data-theme="dark"] .migration-history-status.is-partially-reverted { background-color: var(--surface-subtle); color: var(--text-muted); }
html[data-theme="dark"] .migration-history-status.is-blocked { background-color: var(--surface); color: #ffb4ab; }
html[data-theme="dark"] .migration-history-empty { color: var(--text-muted); }
html[data-theme="dark"] .migration-heading h1 { color: var(--text); }
html[data-theme="dark"] .migration-heading p:not(.eyebrow), html[data-theme="dark"] .migration-panel-intro > p:last-child { color: var(--text-muted); }
html[data-theme="dark"] .migration-security { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .migration-steps li { color: var(--text-muted); border-bottom-color: var(--border); }
html[data-theme="dark"] .migration-steps b { background-color: var(--surface-subtle); }
html[data-theme="dark"] .migration-steps li.is-current { color: var(--text); }
html[data-theme="dark"] .migration-steps li.is-complete { color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .migration-panel { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .migration-panel-intro h2 { color: var(--text); }
html[data-theme="dark"] .migration-source { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .migration-source > span { background-color: var(--surface-subtle); }
html[data-theme="dark"] .migration-source strong { color: var(--text); }
html[data-theme="dark"] .migration-panel-actions { border-top-color: var(--border); }
html[data-theme="dark"] .migration-panel-actions > span { color: var(--text-muted); }
html[data-theme="dark"] .migration-dropzone { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .migration-dropzone:hover { background-color: var(--surface); }
html[data-theme="dark"] .migration-dropzone > span { background-color: var(--surface-subtle); }
html[data-theme="dark"] .migration-dropzone strong { color: var(--text); }
html[data-theme="dark"] .migration-detection { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .migration-detection strong { color: var(--text); }
html[data-theme="dark"] .migration-detection b { color: var(--primary-hover); }
html[data-theme="dark"] .migration-company-select { color: var(--text); }
html[data-theme="dark"] .migration-company-select select { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .migration-company-select small { color: var(--text-muted); }
html[data-theme="dark"] .migration-import-mode label { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .migration-import-mode strong { color: var(--text); }
html[data-theme="dark"] .migration-import-mode small { color: var(--text-muted); }
html[data-theme="dark"] .migration-error { background-color: var(--surface); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .migration-summary-cards article { border-color: var(--border); }
html[data-theme="dark"] .migration-summary-cards article > span { background-color: var(--surface-subtle); border-color: var(--border); }
html[data-theme="dark"] .migration-summary-cards article:nth-child(2) > span { color: #ffb4ab; }
html[data-theme="dark"] .migration-summary-cards article:nth-child(3) > span { background-color: var(--surface); color: #ffb4ab; }
html[data-theme="dark"] .migration-summary-cards small, html[data-theme="dark"] .migration-summary-cards p { color: var(--text-muted); }
html[data-theme="dark"] .migration-summary-cards strong { color: var(--text); }
html[data-theme="dark"] .migration-mapping { border-color: var(--border); }
html[data-theme="dark"] .migration-mapping header { background-color: var(--surface); border-bottom-color: var(--border); }
html[data-theme="dark"] .migration-mapping h3 { color: var(--text); }
html[data-theme="dark"] .migration-mapping p { color: var(--text-muted); }
html[data-theme="dark"] .migration-mapping-list > span { color: var(--text-muted); border-bottom-color: var(--border); }
html[data-theme="dark"] .migration-mapping-list > span:nth-child(2n+1) { border-right-color: var(--border); }
html[data-theme="dark"] .migration-mapping-list b, html[data-theme="dark"] .migration-mapping-list strong { color: var(--text); }
html[data-theme="dark"] .migration-mapping-list i { color: var(--text-muted); }
html[data-theme="dark"] .migration-complete > span { background-color: var(--surface-subtle); }
html[data-theme="dark"] .migration-complete h2 { color: var(--text); }
html[data-theme="dark"] .migration-complete p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .migration-complete > div b { color: var(--text); }
html[data-theme="dark"] .migration-complete > div span { color: var(--text-muted); }
html[data-theme="dark"] .migration-complete small { color: var(--primary-hover); }
html[data-theme="dark"] .migration-company-match { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .migration-company-match strong { color: var(--primary-hover); }
html[data-theme="dark"] .migration-company-match.is-error { background-color: var(--surface); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .migration-company-match.is-error strong { color: #ffb4ab; }
html[data-theme="dark"] .migration-preview-table th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .migration-preview-table td { color: var(--text-muted); border-top-color: var(--border); }
html[data-theme="dark"] .people-directory-empty { color: var(--text-muted); }
html[data-theme="dark"] .migration-modal-card { background-color: var(--surface); }
html[data-theme="dark"] .migration-modal-card > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .migration-modal-card h2 { color: var(--text); }
html[data-theme="dark"] .migration-modal-card header p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .migration-modal-tools { background-color: var(--surface); border-bottom-color: var(--border); }
html[data-theme="dark"] .migration-status-filter button { color: var(--text-muted); }
html[data-theme="dark"] .migration-status-filter button.is-active { background-color: var(--surface); color: var(--text); }
html[data-theme="dark"] .migration-modal-tools label { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .migration-validation-table th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .migration-validation-table td { color: var(--text-muted); border-top-color: var(--border); }
html[data-theme="dark"] .migration-status.is-ready { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .migration-status.is-review { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .migration-status.is-blocked { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .migration-modal-card footer { border-top-color: var(--border); }
html[data-theme="dark"] .migration-modal-card footer span { color: var(--text-muted); }
html[data-theme="dark"] .employment-document-draft { background-color: var(--surface-subtle); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .document-preview-area { background-color: var(--surface-subtle); }
html[data-theme="dark"] .document-paper { background-color: var(--surface); }
html[data-theme="dark"] .document-paper-content p { color: var(--text); }
html[data-theme="dark"] .document-paper mark { background-color: var(--surface-accent); color: var(--primary-hover); border-bottom-color: var(--border); }
html[data-theme="dark"] .document-validation { background-color: var(--surface-subtle); color: var(--primary-hover); border-top-color: var(--border); }
html[data-theme="dark"] .document-validation button { color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .document-paper.is-system-template { background-color: var(--surface-subtle); }
html[data-theme="dark"] .employee-profile-sidebar footer span { color: var(--primary-hover); }
html[data-theme="dark"] .employee-profile-avatar { background-color: var(--surface-accent); }
html[data-theme="dark"] .employee-profile-status { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .employee-portal-password { background-color: var(--surface-subtle); border-color: var(--border); }
html[data-theme="dark"] .employee-portal-password strong { color: #ffb4ab; }
html[data-theme="dark"] .employee-portal-password span { color: #ffb4ab; }
html[data-theme="dark"] .employee-portal-password code { color: #ffb4ab; }
html[data-theme="dark"] .portal-page { background-color: var(--surface); }
html[data-theme="dark"] .portal-topbar { background-color: var(--surface); }
html[data-theme="dark"] .portal-hero .eyebrow { color: var(--primary-hover); }
html[data-theme="dark"] .portal-hero small { color: var(--text-muted); }
html[data-theme="dark"] .portal-avatar { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .document-library { border-color: var(--border); }
html[data-theme="dark"] .document-library-sidebar { background-color: var(--surface); border-right-color: var(--border); }
html[data-theme="dark"] .document-library-search { background-color: var(--surface-subtle); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .document-library-sidebar section > p { color: var(--text-muted); }
html[data-theme="dark"] .document-library-sidebar nav button { color: var(--text-muted); }
html[data-theme="dark"] .document-library-sidebar nav button:hover, html[data-theme="dark"] .document-library-sidebar nav button.is-active { background-color: var(--surface-subtle); color: var(--text); }
html[data-theme="dark"] .document-library-sidebar nav button b { background-color: var(--surface-subtle); }
html[data-theme="dark"] .document-library-states i { background-color: var(--surface-accent); }
html[data-theme="dark"] .document-library-heading h1 { color: var(--text); }
html[data-theme="dark"] .document-library-heading p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .document-agents { border-color: var(--border); }
html[data-theme="dark"] .document-agents-heading h1 { color: var(--text); }
html[data-theme="dark"] .document-agents-heading p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .document-agents-heading > span { background-color: var(--surface-subtle); border-color: var(--border); }
html[data-theme="dark"] .document-agents-empty { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .document-agents-empty > span { background-color: var(--surface-subtle); }
html[data-theme="dark"] .document-agents-empty h2 { color: var(--text); }
html[data-theme="dark"] .document-agents-empty p { color: var(--text-muted); }
html[data-theme="dark"] .document-library-metrics article { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .document-library-metrics article > span { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .document-library-metrics .is-alert { background-color: var(--surface); color: #ffb4ab; }
html[data-theme="dark"] .document-library-metrics small, html[data-theme="dark"] .document-library-metrics p { color: var(--text-muted); }
html[data-theme="dark"] .document-library-metrics strong { color: var(--text); }
html[data-theme="dark"] .document-library-table { border-color: var(--border); }
html[data-theme="dark"] .document-library-table > header { background-color: var(--surface); border-bottom-color: var(--border); }
html[data-theme="dark"] .document-library-views { border-color: var(--border); }
html[data-theme="dark"] .document-library-views button { color: var(--text-muted); }
html[data-theme="dark"] .document-library-views button + button { border-left-color: var(--border); }
html[data-theme="dark"] .document-library-views button.is-active { background-color: var(--surface-subtle); color: var(--text); }
html[data-theme="dark"] .document-library-table > header > label { color: var(--text-muted); }
html[data-theme="dark"] .document-library-table > header > span { color: var(--text-muted); }
html[data-theme="dark"] .document-library-table select { border-color: var(--border); }
html[data-theme="dark"] .document-library-table th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .document-library-table td { color: var(--text-muted); border-top-color: var(--border); }
html[data-theme="dark"] .document-row-icon { background-color: var(--surface-subtle); border-color: var(--border); }
html[data-theme="dark"] .document-library-table td strong { color: var(--text); }
html[data-theme="dark"] .document-library-table td small { color: var(--text-muted); }
html[data-theme="dark"] .docs-workspace { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .docs-workspace-heading .eyebrow { color: var(--text-muted); }
html[data-theme="dark"] .docs-workspace-heading h1 { color: var(--text); }
html[data-theme="dark"] .docs-workspace-heading p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .docs-template-card { border-color: var(--border); }
html[data-theme="dark"] .docs-template-card:hover { border-color: var(--border); }
html[data-theme="dark"] .docs-card-eyebrow { color: var(--text-muted); }
html[data-theme="dark"] .docs-template-card h2 { color: var(--text); }
html[data-theme="dark"] .docs-template-card p { color: var(--text-muted); }
html[data-theme="dark"] .docs-card-footer > span { color: var(--text-muted); }
html[data-theme="dark"] .docs-draft-card small { color: var(--text-muted); }
html[data-theme="dark"] .docs-status { color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .docs-status.is-vigente { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .docs-status.is-listo-para-revisar, html[data-theme="dark"] .docs-status.is-en-revisión { background-color: var(--surface-subtle); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .docs-status.is-borrador { background-color: var(--surface-subtle); color: #a8caff; border-color: var(--border); }
html[data-theme="dark"] .docs-status.is-draft { background-color: var(--surface-subtle); color: #a8caff; border-color: var(--border); }
html[data-theme="dark"] .docs-status.is-ready_for_review { background-color: var(--surface-subtle); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .docs-status.is-active { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .docs-status.is-expired { background-color: var(--surface); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .document-create-grid label { color: var(--text-muted); }
html[data-theme="dark"] .document-create-grid input, html[data-theme="dark"] .document-create-grid select, html[data-theme="dark"] .document-create-grid textarea { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .attendance-workspace h1, html[data-theme="dark"] .attendance-panel h2 { color: var(--text); }
html[data-theme="dark"] .attendance-workspace header p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .attendance-workspace > header label, html[data-theme="dark"] .attendance-modal label { color: var(--text-muted); }
html[data-theme="dark"] .attendance-workspace input, html[data-theme="dark"] .attendance-modal input, html[data-theme="dark"] .attendance-modal select { border-color: var(--border); }
html[data-theme="dark"] .attendance-metrics article, html[data-theme="dark"] .attendance-panel { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .attendance-metrics small { color: var(--text-muted); }
html[data-theme="dark"] .attendance-metrics strong { color: var(--text); }
html[data-theme="dark"] .attendance-panel > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .attendance-panel th, html[data-theme="dark"] .attendance-panel td { border-top-color: var(--border); }
html[data-theme="dark"] .attendance-panel th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .attendance-panel > div { color: var(--text-muted); }
html[data-theme="dark"] .attendance-import-modal input[type="file"] { border-color: var(--border); }
html[data-theme="dark"] .attendance-import-result { border-top-color: var(--border); }
html[data-theme="dark"] .attendance-import-summary article { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .attendance-import-summary small { color: var(--text-muted); }
html[data-theme="dark"] .attendance-import-summary strong { color: var(--text); }
html[data-theme="dark"] .attendance-import-result h3 { color: var(--text); }
html[data-theme="dark"] .attendance-import-groups li { background-color: var(--surface-subtle); color: var(--text); }
html[data-theme="dark"] .attendance-import-guidance { color: var(--text-muted); }
html[data-theme="dark"] .attendance-import-table { border-color: var(--border); }
html[data-theme="dark"] .attendance-import-table th, html[data-theme="dark"] .attendance-import-table td { border-bottom-color: var(--border); }
html[data-theme="dark"] .attendance-import-table th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .attendance-outcome.ready { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .attendance-outcome.review { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .attendance-outcome.blocked_company, html[data-theme="dark"] .attendance-outcome.blocked_employee, html[data-theme="dark"] .attendance-outcome.blocked_id { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .attendance-import-footer span { color: var(--text-muted); }
html[data-theme="dark"] .docs-status.is-devuelto { background-color: var(--surface); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .docs-control-summary article { border-color: var(--border); }
html[data-theme="dark"] .docs-control-summary span, html[data-theme="dark"] .docs-control-summary small { color: var(--text-muted); }
html[data-theme="dark"] .docs-control-summary strong { color: var(--text); }
html[data-theme="dark"] .docs-controlled-table { border-color: var(--border); }
html[data-theme="dark"] .docs-controlled-table > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .docs-controlled-table > header > span { color: var(--text-muted); }
html[data-theme="dark"] .docs-search { color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .docs-filter-button { color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .docs-controlled-table th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .docs-controlled-table td { color: var(--text-muted); border-top-color: var(--border); }
html[data-theme="dark"] .docs-controlled-table td strong { color: var(--text); }
html[data-theme="dark"] .docs-controlled-table td small { color: var(--text-muted); }
html[data-theme="dark"] .control-center-heading h1 { color: var(--text); }
html[data-theme="dark"] .control-center-heading p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .control-center-heading > span { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .control-center-loading { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .migration-row-action { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .migration-row-action:hover { color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .payroll-history-tools label { color: var(--text-muted); }
html[data-theme="dark"] .payroll-history-tools span { color: var(--primary-hover); }
html[data-theme="dark"] .payroll-history-table th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .payroll-history-table th, html[data-theme="dark"] .payroll-history-table td { border-top-color: var(--border); }
html[data-theme="dark"] .payroll-history-table small { color: var(--text-muted); }
html[data-theme="dark"] .payroll-history-empty { color: var(--text-muted); }
html[data-theme="dark"] .payroll-reconciliation-form label { color: var(--text-muted); }
html[data-theme="dark"] .payroll-reconciliation-form input { color: var(--text); }
html[data-theme="dark"] .payroll-reconciliation-note { color: var(--text-muted); }
html[data-theme="dark"] .payroll-reconciliation [data-reconcile-message] { color: var(--primary-hover); }
html[data-theme="dark"] .payroll-reconciliation .payroll-table-scroll th, html[data-theme="dark"] .payroll-reconciliation .payroll-table-scroll td { border-top-color: var(--border); }
html[data-theme="dark"] .payroll-reconciliation .payroll-table-scroll th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .payroll-reconciliation .payroll-table-scroll td small { color: var(--text-muted); }
html[data-theme="dark"] .payroll-reconciliation-flag { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .payroll-concept-review { border-top-color: var(--border); }
html[data-theme="dark"] .payroll-concept-review header p { color: var(--text-muted); }
html[data-theme="dark"] .payroll-concept-details { border-top-color: var(--border); }
html[data-theme="dark"] .payroll-concept-details > summary { color: var(--primary-hover); }
html[data-theme="dark"] .payroll-production-notice { background-color: var(--surface-subtle); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .payroll-run-form label { color: var(--text-muted); }
html[data-theme="dark"] .payroll-run-row { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .payroll-run-row strong { color: var(--text); }
html[data-theme="dark"] .payroll-run-row small { color: var(--text-muted); }
html[data-theme="dark"] .control-onboarding { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .control-progress { background-color: var(--surface); border-right-color: var(--border); }
html[data-theme="dark"] .control-progress > p { color: var(--text-muted); }
html[data-theme="dark"] .control-progress li { color: var(--text-muted); }
html[data-theme="dark"] .control-progress li b { background-color: var(--surface-subtle); }
html[data-theme="dark"] .control-progress li.is-current { color: var(--text); }
html[data-theme="dark"] .control-onboarding-form h2 { color: var(--text); }
html[data-theme="dark"] .control-onboarding-form > div > p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .control-onboarding-form label:not(.control-group-toggle) { color: var(--text-muted); }
html[data-theme="dark"] .control-onboarding-form input, html[data-theme="dark"] .control-invite-form input, html[data-theme="dark"] .control-invite-form select { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .control-group-toggle { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .control-group-toggle strong { color: var(--text); }
html[data-theme="dark"] .control-group-toggle small { color: var(--text-muted); }
html[data-theme="dark"] .control-onboarding-form legend { color: var(--text-muted); }
html[data-theme="dark"] .control-module-options span { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .control-module-options input:checked + span { background-color: var(--surface-accent); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .control-form-divider { border-top-color: var(--border); }
html[data-theme="dark"] .control-onboarding-form h3 { color: var(--text); }
html[data-theme="dark"] .control-form-help { color: var(--text-muted); }
html[data-theme="dark"] .control-form-error, html[data-theme="dark"] .control-invite-form > p { color: #ffb4ab; }
html[data-theme="dark"] .control-onboarding-form footer > span { color: var(--text-muted); }
html[data-theme="dark"] .control-company-list { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .control-company-list header { border-bottom-color: var(--border); }
html[data-theme="dark"] .control-company-list header p { color: var(--text-muted); }
html[data-theme="dark"] .control-company-list > div button { color: var(--text-muted); }
html[data-theme="dark"] .control-company-list > div button:hover, html[data-theme="dark"] .control-company-list > div button.is-active { background-color: var(--surface-subtle); color: var(--text); }
html[data-theme="dark"] .control-company-detail h2 { color: var(--text); }
html[data-theme="dark"] .control-company-detail-head p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .control-status { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .control-overview article, html[data-theme="dark"] .control-team, html[data-theme="dark"] .control-access-guide { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .control-overview small, html[data-theme="dark"] .control-overview p { color: var(--text-muted); }
html[data-theme="dark"] .control-overview strong { color: var(--text); }
html[data-theme="dark"] .control-overview article div span { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .control-team > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .control-team h3, html[data-theme="dark"] .control-access-guide h3 { color: var(--text); }
html[data-theme="dark"] .control-team header p:not(.eyebrow), html[data-theme="dark"] .control-access-guide p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .control-user-list article { border-bottom-color: var(--border); }
html[data-theme="dark"] .control-user-avatar { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .control-user-list strong { color: var(--text); }
html[data-theme="dark"] .control-user-list small { color: var(--text-muted); }
html[data-theme="dark"] .control-role { color: var(--text-muted); }
html[data-theme="dark"] .control-user-state { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .control-user-state.is-active { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .control-invite-form { background-color: var(--surface); }
html[data-theme="dark"] .control-invite-form > strong { color: var(--text); }
html[data-theme="dark"] .control-access-guide article { border-left-color: var(--border); }
html[data-theme="dark"] .control-access-guide article b { color: var(--text); }
html[data-theme="dark"] .control-access-guide article span { color: var(--text-muted); }
html[data-theme="dark"] .control-access-guide article small { color: var(--primary-hover); }
html[data-theme="dark"] .attendance-import-footer { background-color: var(--surface); border-top-color: var(--border); }
html[data-theme="dark"] .attendance-matrix-panel > header p { color: var(--text-muted); }
html[data-theme="dark"] .attendance-month-grid th { background-color: var(--surface); color: var(--text-muted); border-bottom-color: var(--border); }
html[data-theme="dark"] .attendance-month-grid th b { color: var(--text); }
html[data-theme="dark"] .attendance-month-grid td { border-bottom-color: var(--border); }
html[data-theme="dark"] .attendance-month-grid .matrix-code, html[data-theme="dark"] .attendance-month-grid .matrix-person { background-color: var(--surface); }
html[data-theme="dark"] .attendance-month-grid .matrix-person { border-right-color: var(--border); }
html[data-theme="dark"] .attendance-month-grid th.matrix-code, html[data-theme="dark"] .attendance-month-grid th.matrix-person { background-color: var(--surface); }
html[data-theme="dark"] .attendance-matrix-panel footer { color: var(--text-muted); border-top-color: var(--border); }
html[data-theme="dark"] .header-account-logout { color: var(--text-muted); }
html[data-theme="dark"] .header-account-logout:hover { background-color: var(--surface); color: var(--text); }
html[data-theme="dark"] .company-setup { background-color: var(--surface); }
html[data-theme="dark"] .company-setup-card { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .company-setup-loading, html[data-theme="dark"] .company-setup-error { color: var(--text-muted); }
html[data-theme="dark"] .company-setup-progress > p { color: var(--primary-hover); }
html[data-theme="dark"] .company-setup-progress li { color: var(--text-muted); }
html[data-theme="dark"] .company-setup-progress li b { border-color: var(--border); }
html[data-theme="dark"] .company-setup-progress li.is-active b { border-color: var(--border); }
html[data-theme="dark"] .setup-step h1 { color: var(--text); }
html[data-theme="dark"] .setup-step > p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .setup-fields label, html[data-theme="dark"] .setup-group-name { color: var(--text); }
html[data-theme="dark"] .setup-fields input, html[data-theme="dark"] .setup-group-name input { color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .setup-choice { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .setup-choice small { color: var(--text-muted); }
html[data-theme="dark"] .setup-module-grid span { color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .setup-module-grid input:checked + span { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .setup-ready { background-color: var(--surface-subtle); border-color: var(--border); }
html[data-theme="dark"] .setup-ready > span { color: var(--primary-hover); }
html[data-theme="dark"] .setup-ready small { color: var(--text-muted); }
html[data-theme="dark"] .setup-error { background-color: var(--surface); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .operation-sidebar--payroll .operation-sections-title { color: var(--text-muted); }
html[data-theme="dark"] .org-switch-trigger, html[data-theme="dark"] .operation-header-settings, html[data-theme="dark"] .ui-button { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .header-search { border-color: var(--border); }
html[data-theme="dark"] .header-tasks-trigger { color: var(--text); }
html[data-theme="dark"] .header-tasks-trigger:hover, html[data-theme="dark"] .header-tasks-trigger[aria-expanded="true"] { border-color: var(--border); }
html[data-theme="dark"] .header-tasks-badge { border-color: var(--border); }
html[data-theme="dark"] .header-tasks-menu { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .header-tasks-head small { color: var(--text-muted); }
html[data-theme="dark"] .header-tasks-head h2 { color: var(--text); }
html[data-theme="dark"] .header-tasks-head button { color: var(--text-muted); }
html[data-theme="dark"] .header-tasks-head button:hover { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .header-tasks-summary { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .header-tasks-summary strong { color: var(--text); }
html[data-theme="dark"] .header-tasks-summary span { color: var(--text-muted); }
html[data-theme="dark"] .header-tasks-section h3 { color: var(--text-muted); }
html[data-theme="dark"] .header-tasks-section h3 b { background-color: var(--surface-subtle); color: var(--text-muted); }
html[data-theme="dark"] .header-task-row { border-bottom-color: var(--border); }
html[data-theme="dark"] .header-task-row:hover strong { color: var(--primary-hover); }
html[data-theme="dark"] .header-task-row > svg { color: var(--text-muted); }
html[data-theme="dark"] .header-task-row strong { color: var(--text); }
html[data-theme="dark"] .header-task-row small { color: var(--text-muted); }
html[data-theme="dark"] .header-task-icon { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .header-task-icon.is-contract { background-color: var(--surface); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .header-tasks-empty { color: var(--text-muted); }
html[data-theme="dark"] .header-tasks-empty.is-standalone, html[data-theme="dark"] .header-tasks-loading { color: var(--text-muted); }
html[data-theme="dark"] .header-tasks-menu footer { color: var(--text-muted); }
html[data-theme="dark"] .header-tasks-menu footer span { color: var(--text-muted); }
html[data-theme="dark"] .org-switch-menu { background-color: var(--surface); }
html[data-theme="dark"] .workspace-home-greeting h1 { color: var(--text); }
html[data-theme="dark"] .workspace-shortcut { background-color: var(--surface); }
html[data-theme="dark"] .badge.ok { background-color: var(--surface-accent); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .badge.warn { background-color: var(--surface-subtle); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .badge.bad { background-color: var(--surface); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .timeline-item.warn { border-color: var(--border); }
html[data-theme="dark"] .notice { background-color: var(--surface-subtle); color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .people-worker-avatar { background-color: var(--surface-subtle); }
html[data-theme="dark"] .people-directory-results .status-badge.is-inactive { background-color: var(--surface-subtle); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .people-contract-options .is-danger, html[data-theme="dark"] .people-contract-options .is-danger > span:first-child, html[data-theme="dark"] .people-contract-options .is-danger small { color: #ffb4ab; }
html[data-theme="dark"] .control-company-directory { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .control-company-directory > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .control-company-directory h2 { color: var(--text); }
html[data-theme="dark"] .control-company-directory header p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .control-company-directory th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .control-company-directory td { color: var(--text-muted); border-top-color: var(--border); }
html[data-theme="dark"] .control-company-directory tbody tr:hover, html[data-theme="dark"] .control-company-directory tbody tr.is-active { background-color: var(--surface); }
html[data-theme="dark"] .control-company-badge { background-color: var(--surface-accent); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .control-company-directory td:first-child strong { color: var(--text); }
html[data-theme="dark"] .control-company-directory td:first-child small { color: var(--text-muted); }
html[data-theme="dark"] .control-module-meter span { color: var(--text-muted); }
html[data-theme="dark"] .control-module-meter span b { color: var(--text); }
html[data-theme="dark"] .control-module-meter i { background-color: var(--surface-subtle); }
html[data-theme="dark"] .control-config-tags span { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .control-access-count { color: var(--text); }
html[data-theme="dark"] .control-table-status { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .control-row-menu { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .control-row-menu:hover { background-color: var(--surface); }
html[data-theme="dark"] .header-account-menu [data-open-holding-config] { color: var(--text); }
html[data-theme="dark"] .header-account-menu [data-open-holding-config]:hover { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .holding-modal-card { background-color: var(--surface); }
html[data-theme="dark"] .holding-modal-card > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .holding-modal-card h2, html[data-theme="dark"] .holding-modal-card h3 { color: var(--text); }
html[data-theme="dark"] .holding-modal-card header p:not(.eyebrow), html[data-theme="dark"] .holding-modal-section header p, html[data-theme="dark"] .holding-modal-team > p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .holding-modal-intro { background-color: var(--surface); border-bottom-color: var(--border); }
html[data-theme="dark"] .holding-modal-intro p { color: var(--text-muted); }
html[data-theme="dark"] .holding-modal-intro > span { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .holding-modal-companies { border-bottom-color: var(--border); }
html[data-theme="dark"] .holding-modal-companies > header strong { color: var(--primary-hover); }
html[data-theme="dark"] .holding-modal-companies > header span { color: var(--text-muted); }
html[data-theme="dark"] .holding-modal-companies article { border-color: var(--border); }
html[data-theme="dark"] .holding-modal-companies article b, html[data-theme="dark"] .holding-modal-team article > b { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .holding-modal-companies article strong, html[data-theme="dark"] .holding-modal-team article strong { color: var(--text); }
html[data-theme="dark"] .holding-modal-companies article small, html[data-theme="dark"] .holding-modal-team article small { color: var(--text-muted); }
html[data-theme="dark"] .holding-modal-companies article em, html[data-theme="dark"] .holding-modal-team article em { color: var(--primary-hover); }
html[data-theme="dark"] .holding-modal-section { border-bottom-color: var(--border); }
html[data-theme="dark"] .holding-modal-facts div { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .holding-modal-facts dt { color: var(--text-muted); }
html[data-theme="dark"] .holding-modal-facts dd { color: var(--text); }
html[data-theme="dark"] .holding-modal-policies { border-color: var(--border); }
html[data-theme="dark"] .holding-modal-policies > div:first-child { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .holding-modal-policies > div + div { color: var(--text-muted); border-top-color: var(--border); }
html[data-theme="dark"] .holding-modal-policies strong { color: var(--text); }
html[data-theme="dark"] .holding-modal-team .eyebrow { color: var(--primary-hover); }
html[data-theme="dark"] .holding-modal-team article { border-top-color: var(--border); }
html[data-theme="dark"] .holding-modal-card > footer { background-color: var(--surface); border-top-color: var(--border); }
html[data-theme="dark"] .holding-modal-card > footer > span { color: var(--text-muted); }
html[data-theme="dark"] .holding-modal-fields label, html[data-theme="dark"] .holding-modal-policies label { color: var(--text-muted); }
html[data-theme="dark"] .holding-modal-fields select, html[data-theme="dark"] .holding-modal-policies select { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .holding-modal-form > footer { background-color: var(--surface); border-top-color: var(--border); }
html[data-theme="dark"] .holding-modal-form > footer > span { color: var(--text-muted); }
html[data-theme="dark"] .holding-console { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .holding-console h2, html[data-theme="dark"] .holding-console h3 { color: var(--text); }
html[data-theme="dark"] .holding-console-head p:not(.eyebrow), html[data-theme="dark"] .holding-setup header p, html[data-theme="dark"] .holding-team header p { color: var(--text-muted); }
html[data-theme="dark"] .holding-mode { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .holding-company-strip { background-color: var(--surface); border-top-color: var(--border); border-bottom-color: var(--border); }
html[data-theme="dark"] .holding-company-strip > div { border-right-color: var(--border); }
html[data-theme="dark"] .holding-company-strip > div strong { color: var(--primary-hover); }
html[data-theme="dark"] .holding-company-strip > div span { color: var(--text-muted); }
html[data-theme="dark"] .holding-company-strip article { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .holding-company-strip article.is-operational { border-color: var(--border); }
html[data-theme="dark"] .holding-company-strip article > b { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .holding-company-strip article strong { color: var(--text); }
html[data-theme="dark"] .holding-company-strip article small { color: var(--text-muted); }
html[data-theme="dark"] .holding-company-strip article em { color: var(--primary-hover); }
html[data-theme="dark"] .holding-setup > section + section { border-left-color: var(--border); }
html[data-theme="dark"] .holding-field-grid label, html[data-theme="dark"] .holding-policy-row label { color: var(--text-muted); }
html[data-theme="dark"] .holding-field-grid select, html[data-theme="dark"] .holding-policy-row select, html[data-theme="dark"] .holding-team input, html[data-theme="dark"] .holding-team select { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .holding-policy-table { border-color: var(--border); }
html[data-theme="dark"] .holding-policy-head { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .holding-policy-row { border-top-color: var(--border); }
html[data-theme="dark"] .holding-policy-row strong { color: var(--text); }
html[data-theme="dark"] .holding-setup footer { border-top-color: var(--border); }
html[data-theme="dark"] .holding-setup footer p { color: var(--text-muted); }
html[data-theme="dark"] .holding-team { border-top-color: var(--border); }
html[data-theme="dark"] .holding-team article { border-top-color: var(--border); }
html[data-theme="dark"] .holding-team article > span { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .holding-team article strong { color: var(--text); }
html[data-theme="dark"] .holding-team article small { color: var(--text-muted); }
html[data-theme="dark"] .holding-team article em { color: var(--primary-hover); }
html[data-theme="dark"] .holding-team form { background-color: var(--surface); border-top-color: var(--border); }
html[data-theme="dark"] .holding-team form p { color: #ffb4ab; }
@media (max-width: 900px) {
html[data-theme="dark"] .holding-setup > section + section { border-top-color: var(--border); }
}
html[data-theme="dark"] .company-profile { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .company-profile h3 { color: var(--text); }
html[data-theme="dark"] .company-profile header p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .company-profile > header > span { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .company-profile form { border-top-color: var(--border); }
html[data-theme="dark"] .company-profile-grid label { color: var(--text-muted); }
html[data-theme="dark"] .company-profile-grid input { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .company-profile form footer { background-color: var(--surface); border-top-color: var(--border); }
html[data-theme="dark"] .company-profile form footer p { color: var(--text-muted); }
html[data-theme="dark"] .holding-link-company { background-color: var(--surface); border-bottom-color: var(--border); }
html[data-theme="dark"] .holding-link-company span { color: var(--text-muted); }
html[data-theme="dark"] .holding-link-company select { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .holding-link-company small { color: #ffb4ab; }
html[data-theme="dark"] .company-directory-card { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .company-directory-card h2 { color: var(--text); }
html[data-theme="dark"] .company-directory-card header p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .company-directory-toolbar { background-color: var(--surface); border-top-color: var(--border); border-bottom-color: var(--border); }
html[data-theme="dark"] .directory-counts span { color: var(--text-muted); }
html[data-theme="dark"] .directory-counts b { color: var(--primary-hover); }
html[data-theme="dark"] .directory-filters { background-color: var(--surface-subtle); }
html[data-theme="dark"] .directory-filters button { color: var(--text-muted); }
html[data-theme="dark"] .directory-filters button.is-active { background-color: var(--surface); color: var(--text); }
html[data-theme="dark"] .directory-filters small { color: var(--primary-hover); }
html[data-theme="dark"] .company-directory-card th { background-color: var(--surface); color: var(--text-muted); }
html[data-theme="dark"] .company-directory-card td { color: var(--text-muted); border-top-color: var(--border); }
html[data-theme="dark"] .company-directory-card tr.is-active td { background-color: var(--surface); }
html[data-theme="dark"] .directory-group-tag { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .directory-independent { background-color: var(--surface-subtle); color: var(--text-muted); }
html[data-theme="dark"] .directory-empty { color: var(--text-muted); }
html[data-theme="dark"] .holding-console > summary { background-color: var(--surface); }
html[data-theme="dark"] .holding-console > summary strong { color: var(--text); }
html[data-theme="dark"] .holding-console > summary small { color: var(--text-muted); }
html[data-theme="dark"] .holding-console > summary > span { color: var(--primary-hover); }
html[data-theme="dark"] .holding-console[open] > summary { background-color: var(--surface); border-bottom-color: var(--border); }
html[data-theme="dark"] .holding-console-content { background-color: var(--surface); }
html[data-theme="dark"] .directory-space-list { background-color: var(--surface); }
html[data-theme="dark"] .directory-space { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .directory-space-symbol { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .directory-space-copy strong { color: var(--text); }
html[data-theme="dark"] .directory-space-copy small { color: var(--text-muted); }
html[data-theme="dark"] .directory-space-count { background-color: var(--surface-subtle); color: var(--text-muted); }
html[data-theme="dark"] .directory-space > summary > svg { color: var(--text-muted); }
html[data-theme="dark"] .directory-space[open] > summary { background-color: var(--surface); border-bottom-color: var(--border); }
html[data-theme="dark"] .directory-space-body { background-color: var(--surface); }
html[data-theme="dark"] .directory-space-body .company-directory-card th { background-color: var(--surface); }
html[data-theme="dark"] .directory-space-config { background-color: var(--surface); color: #a8caff; border-color: var(--border); }
html[data-theme="dark"] .directory-space-config:hover { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .directory-company-actions > summary { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .directory-company-actions > div { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .directory-company-actions a, html[data-theme="dark"] .directory-company-actions button { color: var(--text); }
html[data-theme="dark"] .directory-company-actions a:hover, html[data-theme="dark"] .directory-company-actions button:hover { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .directory-company-actions .is-disabled { color: var(--text-muted); }
html[data-theme="dark"] .directory-company-actions .is-disabled:hover { color: var(--text-muted); }
html[data-theme="dark"] .organization-backups-card { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .organization-backups-card > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .organization-backups-card h2 { color: var(--text); }
html[data-theme="dark"] .organization-backups-card header p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .organization-backups-loading, html[data-theme="dark"] .organization-backups-empty { color: var(--text-muted); }
html[data-theme="dark"] .organization-backups-empty span { color: var(--primary-hover); }
html[data-theme="dark"] .organization-backups-empty strong { color: var(--text); }
html[data-theme="dark"] .organization-backups-list article { border-color: var(--border); }
html[data-theme="dark"] .organization-backups-list strong { color: var(--text); }
html[data-theme="dark"] .organization-backups-list small { color: var(--text-muted); }
html[data-theme="dark"] .organization-backups-list article > span { color: var(--text-muted); }
html[data-theme="dark"] .organization-backup-preview { background-color: var(--surface-subtle); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .organization-backup-preview strong { color: var(--primary-hover); }
html[data-theme="dark"] .organization-backups-error { color: #ffb4ab; }
html[data-theme="dark"] .organization-backups-card > footer { border-top-color: var(--border); }
html[data-theme="dark"] .organization-backups-card > footer > span { color: var(--text-muted); }
html[data-theme="dark"] .directory-discovery { background-color: var(--surface); border-top-color: var(--border); border-bottom-color: var(--border); }
html[data-theme="dark"] .directory-search { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .directory-search input { color: var(--text); }
html[data-theme="dark"] .directory-search:focus-within { border-color: var(--border); }
html[data-theme="dark"] .directory-space-select select { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .directory-completion { background-color: var(--surface-subtle); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .company-config-v2-loading, html[data-theme="dark"] .company-config-v2-error { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .company-config-v2-error strong { color: var(--text); }
html[data-theme="dark"] .company-config-v2-error a { color: var(--primary-hover); }
html[data-theme="dark"] .company-config-v2-head > a { color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .company-config-v2-head .eyebrow { color: var(--primary-hover); }
html[data-theme="dark"] .company-config-v2-head h1 { color: var(--text); }
html[data-theme="dark"] .company-config-v2-head p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .company-config-v2-card { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .company-config-v2-card nav { background-color: var(--surface); border-bottom-color: var(--border); }
html[data-theme="dark"] .company-config-v2-card nav button { color: var(--text-muted); }
html[data-theme="dark"] .company-config-v2-card nav button.is-active { color: var(--text); border-bottom-color: var(--border); }
html[data-theme="dark"] .company-config-v2-context { color: var(--primary-hover); }
html[data-theme="dark"] .company-config-v2-form > section { border-bottom-color: var(--border); }
html[data-theme="dark"] .company-config-v2-form h2, html[data-theme="dark"] .company-config-v2-planned h2 { color: var(--text); }
html[data-theme="dark"] .company-config-v2-grid label { color: var(--text-muted); }
html[data-theme="dark"] .company-config-v2-grid label b { color: #ffb4ab; }
html[data-theme="dark"] .company-config-v2-grid input, html[data-theme="dark"] .company-config-v2-grid select { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .company-config-v2-grid input:focus, html[data-theme="dark"] .company-config-v2-grid select:focus { border-color: var(--border); }
html[data-theme="dark"] .company-config-v2-form footer span { color: var(--primary-hover); }
html[data-theme="dark"] .company-config-v2-planned p { color: var(--text-muted); }
html[data-theme="dark"] .company-operations { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .company-operations > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .company-operations h3 { color: var(--text); }
html[data-theme="dark"] .company-operations header p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .company-operations > header > span { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .company-operating-form { border-bottom-color: var(--border); }
html[data-theme="dark"] .company-operating-form label, html[data-theme="dark"] .company-unit-row label { color: var(--text-muted); }
html[data-theme="dark"] .company-operating-form select, html[data-theme="dark"] .company-unit-row input, html[data-theme="dark"] .company-unit-row select, html[data-theme="dark"] .company-unit-create input, html[data-theme="dark"] .company-unit-create select { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .company-operating-form small, html[data-theme="dark"] .company-unit-row small, html[data-theme="dark"] .company-unit-create small { color: var(--text-muted); }
html[data-theme="dark"] .company-unit-row { border-bottom-color: var(--border); }
html[data-theme="dark"] .company-unit-row strong { color: var(--text); }
html[data-theme="dark"] .company-units-empty { color: var(--text-muted); }
html[data-theme="dark"] .company-unit-create { background-color: var(--surface); }
html[data-theme="dark"] .company-unit-create strong { color: var(--text); }
html[data-theme="dark"] .control-unit-scope-summary { color: var(--text-muted); }
html[data-theme="dark"] .control-unit-scope { color: var(--primary-hover); }
html[data-theme="dark"] .control-unit-scope form { background-color: var(--surface); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] .control-unit-scope form small { color: #ffb4ab; }
html[data-theme="dark"] .evaluation-setup-guide { background-color: var(--surface-subtle); border-color: var(--border); }
html[data-theme="dark"] .evaluation-setup-guide > span { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .evaluation-setup-guide p:not(.eyebrow) { color: var(--text-muted); }
html[data-theme="dark"] .evaluations-overview aside li b, html[data-theme="dark"] .evaluation-builder-step > b { border-color: var(--border); }
html[data-theme="dark"] .evaluation-status.is-draft { background-color: var(--surface-subtle); color: var(--text-muted); }
html[data-theme="dark"] .evaluation-status.is-open { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .evaluation-status.is-closed { background-color: var(--surface-subtle); color: var(--text-muted); }
html[data-theme="dark"] .evaluation-progress-breakdown .is-pending > i { background-color: var(--surface-accent); }
html[data-theme="dark"] .evaluation-manager-state { background-color: var(--surface-subtle); color: var(--text-muted); }
html[data-theme="dark"] .evaluation-manager-state.is-started { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .evaluation-manager-state.is-done { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .evaluation-campaign-builder footer span { color: #ffb4ab; }
html[data-theme="dark"] .evaluation-preflight li.is-blocker svg { color: #ffb4ab; }
html[data-theme="dark"] .evaluation-preflight li.is-warning svg { color: #ffb4ab; }
html[data-theme="dark"] .evaluation-assignment-modal [data-assignment-error] { color: #ffb4ab; }
html[data-theme="dark"] .sst-company-name > span { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .sst-company-progress strong { color: #ffb4ab; }
html[data-theme="dark"] .sst-guide-panel li > b { border-color: var(--border); }
html[data-theme="dark"] .sst-application-form > aside > span { color: #a8caff; }
html[data-theme="dark"] .sst-application-form > aside > p { color: #a8caff; }
html[data-theme="dark"] .sst-application-grid b { color: #ffb4ab; }
html[data-theme="dark"] .sst-company-status.complete { background-color: var(--surface-accent); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .sst-status.in_progress { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .sst-status.finalized { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .sst-report-finding em { color: #ffb4ab; }
html[data-theme="dark"] .sst-priority.high { background-color: var(--surface); color: #ffb4ab; }
html[data-theme="dark"] .sst-priority.medium { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .sst-priority.critical { background-color: var(--dark-warning-surface); color: #ffb4ab; }
html[data-theme="dark"] .sicep-left-nav button em { background-color: var(--surface-subtle); }
html[data-theme="dark"] .sicep-left-nav button:hover, html[data-theme="dark"] .sicep-left-nav button.is-active { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .sicep-left-nav details small { color: var(--primary-hover); }
html[data-theme="dark"] .sicep-original-history .sicep-timeline::before { border-top-color: var(--border); }
html[data-theme="dark"] .sicep-original-history .sicep-timeline i { color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .sicep-original-history .sicep-timeline i.has-cycle { background-color: var(--surface-accent); border-color: var(--border); }
html[data-theme="dark"] .sicep-original-history .sicep-score-chart { background-color: var(--surface-subtle); }
html[data-theme="dark"] .sicep-cycle-strip .is-active { color: var(--primary-hover); }
html[data-theme="dark"] .sicep-status { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .sicep-source-option > svg { color: var(--primary-hover); }
html[data-theme="dark"] .sicep-source-option:hover { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .sicep-draft-notice { background-color: var(--surface-subtle); }
html[data-theme="dark"] .sicep-dashboard-hero .eyebrow { color: var(--text-muted); }
html[data-theme="dark"] .sicep-dashboard-hero header p:last-child { color: var(--text-muted); }
html[data-theme="dark"] .sicep-company-select label { color: var(--text-muted); }
html[data-theme="dark"] .sicep-dashboard-hero .ui-button.primary { border-color: var(--border); }
html[data-theme="dark"] .sicep-dashboard-hero .ui-button.secondary { border-color: var(--border); }
html[data-theme="dark"] .sicep-dashboard-metrics strong { color: #efc477; }
html[data-theme="dark"] .sicep-dashboard-metrics span { color: var(--text-muted); }
html[data-theme="dark"] .agent-lab-loading.is-error { color: #ffb4ab; border-color: var(--border); }
html[data-theme="dark"] .agent-source-preview-content iframe { background-color: var(--surface); }
html[data-theme="dark"] .agent-comparison-grid [data-original] { background-color: var(--surface-subtle); }
html[data-theme="dark"] .agent-comparison-grid iframe { background-color: var(--surface); }
html[data-theme="dark"] .operational-state { color: var(--primary-hover); }
html[data-theme="dark"] .operational-state.is-trial { color: #ffb4ab; }
html[data-theme="dark"] .operational-preview iframe { background-color: var(--surface-subtle); }
html[data-theme="dark"] .agent-memory-list em { background-color: var(--surface-subtle); color: var(--primary-hover); }
html[data-theme="dark"] .agent-execution-monitor article.is-live { background-color: var(--surface-subtle); border-color: var(--border); }
html[data-theme="dark"] .agent-execution-monitor article.is-complete { border-left-color: var(--border); }
html[data-theme="dark"] .agent-runtime-state { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .is-live .agent-runtime-state { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .agent-flow-node.is-live { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .agent-flow-node.is-complete { border-color: var(--border); }
html[data-theme="dark"] .agent-review-alerts { border-left-color: var(--border); }
html[data-theme="dark"] .agent-flow-node:not(:nth-child(3n))::after { border-top-color: var(--border); }
html[data-theme="dark"] .agent-flow-node:not(:nth-child(3n))::before { border-left-color: var(--border); }
html[data-theme="dark"] .agent-flow-node:nth-child(3n):not(:last-child)::after { border-left-color: var(--border); }
html[data-theme="dark"] .agent-flow-node:nth-child(3n):not(:last-child)::before { border-top-color: var(--border); }
html[data-theme="dark"] .agent-document-live iframe { background-color: var(--surface-subtle); }
@media (max-width: 960px) {
html[data-theme="dark"] .agent-flow-node:nth-child(2n):not(:last-child)::after { border-left-color: var(--border); }
html[data-theme="dark"] .agent-flow-node:nth-child(2n):not(:last-child)::before { border-top-color: var(--border); }
}
@media (max-width: 650px) {
html[data-theme="dark"] .agent-flow-node:not(:last-child)::after { border-left-color: var(--border); }
html[data-theme="dark"] .agent-flow-node:not(:last-child)::before { border-top-color: var(--border); }
}
html[data-theme="dark"] .agent-candidate-preview iframe { background-color: var(--surface-subtle); }
html[data-theme="dark"] .agent-execution-monitor article.is-interrupted { border-left-color: var(--border); }
html[data-theme="dark"] .agent-execution-monitor article.is-interrupted .agent-runtime-state { background-color: var(--dark-warning-surface); color: #ffb4ab; }
html[data-theme="dark"] .agent-flow-node.is-interrupted { border-color: var(--border); }
html[data-theme="dark"] .studio-caution { border-left-color: var(--border); }
html[data-theme="dark"] .studio-agent.is-running { border-color: var(--border); }
html[data-theme="dark"] .studio-agent.is-failed { border-color: var(--border); }
html[data-theme="dark"] .studio-document { background-color: var(--surface-subtle); }
html[data-theme="dark"] .pilot-running { border-left-color: var(--border); }
html[data-theme="dark"] .contract-matrix-proposal { border-left-color: var(--border); }
html[data-theme="dark"] .contract-trial-frame { background-color: var(--surface-subtle); }
html[data-theme="dark"] .dictionary-workspace .dictionary-error { color: #ffb4ab; }
html[data-theme="dark"] .dictionary-status.in_review { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .dictionary-metrics .is-pending { color: #ffb4ab; }
@media (max-width: 600px) {
html[data-theme="dark"] .dictionary-workspace .dictionary-error { color: #ffb4ab; }
}
@media (max-width: 820px) {
html[data-theme="dark"] .document-library-sidebar { border-bottom-color: var(--border); }
html[data-theme="dark"] .migration-mapping-list > span:nth-last-child(-n+2) { border-bottom-color: var(--border); }
html[data-theme="dark"] .control-progress { border-bottom-color: var(--border); }
html[data-theme="dark"] .control-access-guide article { border-top-color: var(--border); }
}
html[data-theme="dark"] [data-trial-history] th, html[data-theme="dark"] [data-trial-history] td { border-bottom-color: var(--border); }
html[data-theme="dark"] [data-monthly-estimate] th, html[data-theme="dark"] [data-monthly-estimate] td { border-bottom-color: var(--border); }
html[data-theme="dark"] .attendance-person-link { color: var(--primary-hover); }
html[data-theme="dark"] .attendance-detail-dialog { color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .attendance-detail-metrics article { border-bottom-color: var(--border); }
html[data-theme="dark"] .attendance-detail-notice { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .attendance-detail-table th, html[data-theme="dark"] .attendance-detail-table td { border-bottom-color: var(--border); }
html[data-theme="dark"] [data-reference-lab] th, html[data-theme="dark"] [data-reference-lab] td { border-bottom-color: var(--border); }
html[data-theme="dark"] [data-reference-lab] th { background-color: var(--surface); }
html[data-theme="dark"] [data-reference-lab] td small { color: #ffb4ab; }
html[data-theme="dark"] .individual-workbench input:not([type="checkbox"]), html[data-theme="dark"] .individual-workbench select, html[data-theme="dark"] .individual-workbench textarea, html[data-theme="dark"] .individual-concept-dialog input:not([type="checkbox"]), html[data-theme="dark"] .individual-concept-dialog select { background-color: var(--surface); }
html[data-theme="dark"] .individual-metrics { background-color: var(--surface); }
html[data-theme="dark"] .individual-metrics article { background-color: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .individual-metrics article:nth-child(5) { background-color: var(--surface-accent); border-color: var(--border); }
html[data-theme="dark"] .individual-metrics span { color: var(--text-muted); }
html[data-theme="dark"] .individual-metrics svg { color: var(--text-muted); }
html[data-theme="dark"] .individual-metrics .is-net strong, html[data-theme="dark"] .individual-metrics .is-net svg { color: var(--primary-hover); }
html[data-theme="dark"] .individual-calculation aside { background-color: var(--surface); }
html[data-theme="dark"] .individual-calculation th, html[data-theme="dark"] .individual-calculation td { border-bottom-color: var(--border); }
html[data-theme="dark"] .individual-calculation th { color: var(--text-muted); }
html[data-theme="dark"] .individual-calculation .individual-charge { color: #ffb4ab; }
html[data-theme="dark"] .individual-calculation .individual-earning { color: var(--text); }
html[data-theme="dark"] .individual-net-footer { background-color: var(--surface); border-top-color: var(--border); }
html[data-theme="dark"] .individual-net-footer span { color: var(--text-muted); }
html[data-theme="dark"] .individual-net-footer strong { color: var(--primary-hover); }
html[data-theme="dark"] .individual-net-footer small { color: var(--text-muted); }
html[data-theme="dark"] .individual-calculation small { color: var(--text-muted); }
html[data-theme="dark"] .individual-calculation th { background-color: var(--surface); }
html[data-theme="dark"] .trial-history-tools input, html[data-theme="dark"] .trial-history-tools select { background-color: var(--surface); }
html[data-theme="dark"] [data-trial-rows] td small { color: var(--text-muted); }
html[data-theme="dark"] .trial-individual-link { color: var(--primary-hover); }
html[data-theme="dark"] .trial-state, html[data-theme="dark"] .trial-reception { background-color: var(--dark-warning-surface); color: #ffb4ab; }
html[data-theme="dark"] .trial-reception { background-color: var(--surface-subtle); color: var(--text-muted); }
html[data-theme="dark"] .trial-history-notice { color: var(--text-muted); }
html[data-theme="dark"] .trial-detail-dialog { background-color: var(--surface); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .trial-detail-dialog > header { border-bottom-color: var(--border); }
html[data-theme="dark"] .trial-detail-tabs [aria-pressed="true"] { background-color: var(--surface-accent); color: var(--primary-hover); border-color: var(--border); }
html[data-theme="dark"] .trial-detail-notice, html[data-theme="dark"] .trial-detail-warning { background-color: var(--surface-subtle); border-left-color: var(--border); }
html[data-theme="dark"] .trial-detail-totals article { border-color: var(--border); }
html[data-theme="dark"] .trial-detail-totals span { color: var(--text-muted); }
html[data-theme="dark"] .trial-detail-bases, html[data-theme="dark"] .trial-detail-empty { color: var(--text-muted); }
html[data-theme="dark"] .trial-detail-table th, html[data-theme="dark"] .trial-detail-table td { border-bottom-color: var(--border); }
html[data-theme="dark"] .trial-detail-table small { color: var(--text-muted); }
html[data-theme="dark"] [data-detail-print] iframe { background-color: var(--surface-subtle); border-color: var(--border); }
html[data-theme="dark"] .profile-warning { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] .concept-review-note { background-color: var(--surface-subtle); border-left-color: var(--border); }
html[data-theme="dark"] .people-summary-tabs button[aria-selected="true"] { background-color: var(--surface-accent); color: var(--primary-hover); }
html[data-theme="dark"] .people-distribution progress { color: var(--primary-hover); }
html[data-theme="dark"] .people-summary-band a { color: var(--primary-hover); }
html[data-theme="dark"] .training-tags span + span { background-color: var(--surface-subtle); color: #ffb4ab; }
html[data-theme="dark"] [data-simulation-error] { color: #ffb4ab; }
html[data-theme="dark"] .operation-header .org-switch-trigger { color: var(--text-muted); }
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea { background-color: var(--surface-subtle); color: var(--text); border-color: var(--border-strong); color-scheme: dark; }
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder { color: var(--text-faint); opacity: 1; }
html[data-theme="dark"] option { background: var(--surface); color: var(--text); }
html[data-theme="dark"] table { color: var(--text); }
html[data-theme="dark"] th { background-color: var(--surface-subtle); color: var(--text-muted); border-color: var(--border); }
html[data-theme="dark"] td { border-color: var(--border); }
html[data-theme="dark"] dialog { background: var(--surface); color: var(--text); border-color: var(--border-strong); }
html[data-theme="dark"] dialog::backdrop { background: rgb(0 0 0 / 65%); }
html[data-theme="dark"] .ui-button.primary { background: var(--primary-solid); border-color: var(--primary-solid); color: #fff; }
html[data-theme="dark"] .ui-button.primary:hover:not(:disabled) { background: var(--primary-solid-hover); color: #fff; }
html[data-theme="dark"] .ui-button.secondary { background: var(--surface-subtle); color: var(--text); border-color: var(--border-strong); }
html[data-theme="dark"] .ui-button.secondary:hover { background: var(--surface); }
html[data-theme="dark"] .structure-content { background: var(--bg); }
html[data-theme="dark"] .training-tags span+span { background: var(--dark-warning-surface); color: #efc477; }
html[data-theme="dark"] [data-simulation-error] { color: #ffb4ab !important; }
html[data-theme="dark"] .operation-header { background: var(--chrome); }
html[data-theme="dark"] .people-action-rail a.is-active { background: rgb(160 168 178 / 14%); color: var(--text); border: 0; box-shadow: none; }
html[data-theme="dark"] .workspace-profile { color: #fff; }
html[data-theme="dark"] .workspace-profile-theme button { color: #d6f0e0; }
html[data-theme="dark"] .workspace-profile-theme button.is-active { color: #fff; }