/* Dark palette for the concept-led website and both workspaces.
   Light styling remains in the component stylesheets. */
:root[data-mode="dark"] {
 color-scheme:dark;
 --canvas:#101b16;--white:#1a2922;--panel:#1a2922;--bg:#101b16;
 --ink:#e8f1eb;--muted:#b0c1b6;--line:#3c5145;
 --forest:#a3d8ba;--forest-dark:#28735b;--sage:#293e32;--mint:#22382c;
 --green:#a3d8ba;--primary:#216d53;--primary-hover:#2b8062;--focus:#b2e7c7;
 --v-soft:#22372b;--v-danger:#ffb3ab;--v-danger-soft:#442c2b;
 --v-warm:#f6ca92;--v-warm-soft:#3e3426;
 --shadow:0 3px 18px #0003;
 --proco-page:var(--canvas);--proco-surface:var(--panel);--proco-surface-soft:var(--v-soft);
 --proco-text:var(--ink);--proco-muted:var(--muted);--proco-border:var(--line);--proco-focus:var(--focus);
}

:root[data-mode="dark"] .btn.secondary,
:root[data-mode="dark"] button.secondary,
:root[data-mode="dark"] .btn.outline,
:root[data-mode="dark"] .panel,
:root[data-mode="dark"] .stat,
:root[data-mode="dark"] .filterbar input,
:root[data-mode="dark"] .filterbar select,
:root[data-mode="dark"] input:not([type=checkbox]):not([type=radio]):not([type=file]),
:root[data-mode="dark"] select,
:root[data-mode="dark"] textarea,
:root[data-mode="dark"] .side,
:root[data-mode="dark"] .top,
:root[data-mode="dark"] .vision-search-results,
:root[data-mode="dark"] .vision-search-results button,
:root[data-mode="dark"] .vision-property-card,
:root[data-mode="dark"] .vision-property-card .photo .pill,
:root[data-mode="dark"] .vision-finance-filter,
:root[data-mode="dark"] .vision-finance-disclosure,
:root[data-mode="dark"] .settings-layout,
:root[data-mode="dark"] .account-signout,
:root[data-mode="dark"] .vision-content-tabs,
:root[data-mode="dark"] body.vision-tenant .topbar,
:root[data-mode="dark"] body.vision-tenant .sidebar,
:root[data-mode="dark"] .vision-tenant-home-card,
:root[data-mode="dark"] .mobile,
:root[data-mode="dark"] body.vision-tenant .mobile-nav,
:root[data-mode="dark"] .vision-home-peek,
:root[data-mode="dark"] .proco-site-header,
:root[data-mode="dark"] .vision-message-thread,
:root[data-mode="dark"] .vision-message-row .rowcopy,
:root[data-mode="dark"] .vision-nation-picker select,
:root[data-mode="dark"] .vision-public,
:root[data-mode="dark"] .product-window,
:root[data-mode="dark"] .window-chrome,
:root[data-mode="dark"] .hero-float,
:root[data-mode="dark"] .feature-card,
:root[data-mode="dark"] .tenant-illustration,
:root[data-mode="dark"] .price-card,
:root[data-mode="dark"] .site-auth-dialog,
:root[data-mode="dark"] .public-compliance,
:root[data-mode="dark"] .public-compliance-home,
:root[data-mode="dark"] .public-compliance-record,
:root[data-mode="dark"] :is(.proco-site-menu,.proco-menu,.tenant-menu)>summary,
:root[data-mode="dark"] .proco-site-menu-panel,
:root[data-mode="dark"] .proco-menu-panel,
:root[data-mode="dark"] .tenant-menu-panel,
:root[data-mode="dark"] .property-selector,
:root[data-mode="dark"] .tier-card,
:root[data-mode="dark"] .plan-summary,
:root[data-mode="dark"] .benefit,
:root[data-mode="dark"] .proco-tour-dialog,
:root[data-mode="dark"] .proco-tour-dialog button,
:root[data-mode="dark"] .proco-tour-launch-note,
:root[data-mode="dark"] .evidence-drop,
:root[data-mode="dark"] #evidence-library-picker,
:root[data-mode="dark"] .plan-option,
:root[data-mode="dark"] .billing-option,
:root[data-mode="dark"] .field input { background:var(--panel)!important; }

:root[data-mode="dark"] .btn.secondary,
:root[data-mode="dark"] button.secondary,
:root[data-mode="dark"] .btn.outline,
:root[data-mode="dark"] .notice.error,
:root[data-mode="dark"] .vision-global-search input,
:root[data-mode="dark"] .vision-message-outgoing .rowcopy,
:root[data-mode="dark"] :is(.proco-site-menu,.proco-menu,.tenant-menu)>summary:hover,
:root[data-mode="dark"] :is(.proco-site-menu,.proco-menu,.tenant-menu)[open]>summary,
:root[data-mode="dark"] .proco-account-menu>summary:hover,
:root[data-mode="dark"] .proco-account-menu[open]>summary,
:root[data-mode="dark"] .evidence-message.error,
:root[data-mode="dark"] .tenancy-section-button:hover,
:root[data-mode="dark"] .step.done { border-color:var(--line)!important; }

:root[data-mode="dark"] .mini,
:root[data-mode="dark"] .pill,
:root[data-mode="dark"] .pill.good,
:root[data-mode="dark"] .pill.warn,
:root[data-mode="dark"] .pill.bad,
:root[data-mode="dark"] th,
:root[data-mode="dark"] .notice,
:root[data-mode="dark"] .notice.error,
:root[data-mode="dark"] .vision-icon,
:root[data-mode="dark"] .vision-icon.warm,
:root[data-mode="dark"] .vision-icon.rose,
:root[data-mode="dark"] .vision-badge,
:root[data-mode="dark"] .vision-avatar,
:root[data-mode="dark"] .side .nav:hover,
:root[data-mode="dark"] .side .nav.active,
:root[data-mode="dark"] .vision-global-search input,
:root[data-mode="dark"] .vision-guidance,
:root[data-mode="dark"] .maintenance-stage,
:root[data-mode="dark"] .vision-rent-help,
:root[data-mode="dark"] .vision-progress,
:root[data-mode="dark"] .vision-preview-bar .dot,
:root[data-mode="dark"] body.vision-tenant .navitem.active,
:root[data-mode="dark"] .mobile button.active,
:root[data-mode="dark"] .vision-organised-sidebar .nav.vision-nav-direct.active,
:root[data-mode="dark"] .vision-nav-group-title.active,
:root[data-mode="dark"] .vision-nav-group-title:hover,
:root[data-mode="dark"] .vision-organised-sidebar .nav.vision-nav-direct:hover,
:root[data-mode="dark"] .vision-organised-sidebar .nav.vision-nav-child:hover,
:root[data-mode="dark"] .vision-sidebar-account:hover,
:root[data-mode="dark"] .vision-sidebar-help:hover,
:root[data-mode="dark"] .vision-more-link:hover,
:root[data-mode="dark"] .vision-more-link.active,
:root[data-mode="dark"] .mobile .vision-mobile-item.active,
:root[data-mode="dark"] .vision-conversation-choice.active,
:root[data-mode="dark"] .vision-conversation-choice:hover,
:root[data-mode="dark"] .vision-message-outgoing .rowcopy,
:root[data-mode="dark"] .vision-nation-picker,
:root[data-mode="dark"] .vision-guidance-help,
:root[data-mode="dark"] .window-chrome i,
:root[data-mode="dark"] .hero-ambient,
:root[data-mode="dark"] .features-section,
:root[data-mode="dark"] .feature-symbol,
:root[data-mode="dark"] .tenant-section,
:root[data-mode="dark"] .public-cta .btn,
:root[data-mode="dark"] .site-auth-error,
:root[data-mode="dark"] .site-nav-button,
:root[data-mode="dark"] .public-compliance-steps>div>span,
:root[data-mode="dark"] .public-compliance-visual,
:root[data-mode="dark"] .public-compliance-record-icon,
:root[data-mode="dark"] .workflow-section,
:root[data-mode="dark"] :is(.proco-site-menu,.proco-menu,.tenant-menu)>summary:hover,
:root[data-mode="dark"] :is(.proco-site-menu,.proco-menu,.tenant-menu)[open]>summary,
:root[data-mode="dark"] .proco-site-menu-panel>:is(a,button):hover,
:root[data-mode="dark"] .proco-menu-panel>:is(a,button):hover,
:root[data-mode="dark"] .tenant-menu-panel>:is(a,button):hover,
:root[data-mode="dark"] .proco-menu-panel>.proco-menu-signout:hover,
:root[data-mode="dark"] .tenant-menu-panel>.tenant-menu-signout:hover,
:root[data-mode="dark"] .proco-menu-panel>.proco-menu-logout:hover,
:root[data-mode="dark"] .tenant-menu-panel>.proco-menu-logout:hover,
:root[data-mode="dark"] .proco-menu-divider,
:root[data-mode="dark"] .proco-menu-identity>span,
:root[data-mode="dark"] .proco-account-menu>summary:hover,
:root[data-mode="dark"] .proco-account-menu[open]>summary,
:root[data-mode="dark"] .proco-account-avatar,
:root[data-mode="dark"] .proco-menu-tour-host .proco-tour-launch:hover,
:root[data-mode="dark"] .proco-menu-tour-host .proco-tour-launch-note,
:root[data-mode="dark"] .public-header,
:root[data-mode="dark"] .tier-card:has(input:checked),
:root[data-mode="dark"] .proco-tour-launch:hover,
:root[data-mode="dark"] .proco-tour-dialog progress,
:root[data-mode="dark"] .proco-tour-dialog progress::-webkit-progress-bar,
:root[data-mode="dark"] .proco-tour-dialog #proco-tour-note,
:root[data-mode="dark"] .evidence-message,
:root[data-mode="dark"] .evidence-message.error,
:root[data-mode="dark"] .tenancy-section-button,
:root[data-mode="dark"] .tenancy-section-button:hover,
:root[data-mode="dark"] .tenancy-occupancy,
:root[data-mode="dark"] .tenancy-occupancy.occupied,
:root[data-mode="dark"] .plan-option[aria-pressed="true"],
:root[data-mode="dark"] .billing-option[aria-pressed="true"],
:root[data-mode="dark"] .result-icon,
:root[data-mode="dark"] body { background:var(--v-soft)!important; }

:root[data-mode="dark"] .mini,
:root[data-mode="dark"] .filterbar input,
:root[data-mode="dark"] .filterbar select,
:root[data-mode="dark"] input:not([type=checkbox]):not([type=radio]):not([type=file]),
:root[data-mode="dark"] select,
:root[data-mode="dark"] textarea,
:root[data-mode="dark"] .notice,
:root[data-mode="dark"] .vision-guidance,
:root[data-mode="dark"] .vision-message-row .rowcopy,
:root[data-mode="dark"] .vision-nation-picker,
:root[data-mode="dark"] .vision-guidance-help,
:root[data-mode="dark"] .product-window,
:root[data-mode="dark"] .hero-float,
:root[data-mode="dark"] .feature-card,
:root[data-mode="dark"] .workflow-steps li>span,
:root[data-mode="dark"] .price-card,
:root[data-mode="dark"] .site-auth-dialog,
:root[data-mode="dark"] .public-compliance-visual,
:root[data-mode="dark"] .public-compliance-record,
:root[data-mode="dark"] :is(.proco-site-menu,.proco-menu,.tenant-menu)>summary,
:root[data-mode="dark"] .proco-site-menu-panel,
:root[data-mode="dark"] .proco-menu-panel,
:root[data-mode="dark"] .tenant-menu-panel,
:root[data-mode="dark"] .proco-tour-launch,
:root[data-mode="dark"] .proco-tour-dialog,
:root[data-mode="dark"] .proco-tour-dialog button,
:root[data-mode="dark"] .proco-tour-launch-note,
:root[data-mode="dark"] .evidence-unlink,
:root[data-mode="dark"] .evidence-message,
:root[data-mode="dark"] #evidence-library-picker,
:root[data-mode="dark"] .field input { border:1px solid var(--line)!important; }

:root[data-mode="dark"] .mini.danger,
:root[data-mode="dark"] .danger,
:root[data-mode="dark"] .pill.warn,
:root[data-mode="dark"] .pill.bad,
:root[data-mode="dark"] .notice.error,
:root[data-mode="dark"] .vision-icon.warm,
:root[data-mode="dark"] .vision-icon.rose,
:root[data-mode="dark"] .site-auth-error,
:root[data-mode="dark"] .proco-menu-panel>.proco-menu-signout,
:root[data-mode="dark"] .tenant-menu-panel>.tenant-menu-signout,
:root[data-mode="dark"] .proco-menu-panel>.proco-menu-logout,
:root[data-mode="dark"] .tenant-menu-panel>.proco-menu-logout,
:root[data-mode="dark"] .proco-menu-panel>.proco-menu-signout:hover,
:root[data-mode="dark"] .tenant-menu-panel>.tenant-menu-signout:hover,
:root[data-mode="dark"] .proco-menu-panel>.proco-menu-logout:hover,
:root[data-mode="dark"] .tenant-menu-panel>.proco-menu-logout:hover,
:root[data-mode="dark"] .evidence-message.error,
:root[data-mode="dark"] .evidence-indicator.unavailable { color:var(--v-danger)!important; }

:root[data-mode="dark"] .stat label,
:root[data-mode="dark"] .pill,
:root[data-mode="dark"] th,
:root[data-mode="dark"] .side .nav,
:root[data-mode="dark"] .sidefoot,
:root[data-mode="dark"] .top>span:first-child,
:root[data-mode="dark"] .vision-global-search>svg,
:root[data-mode="dark"] .main>footer,
:root[data-mode="dark"] .vision-guidance p,
:root[data-mode="dark"] body.vision-tenant .navitem,
:root[data-mode="dark"] .mobile button,
:root[data-mode="dark"] .vision-nav-caption,
:root[data-mode="dark"] .vision-organised-sidebar .nav.vision-nav-direct,
:root[data-mode="dark"] .vision-nav-group-title,
:root[data-mode="dark"] .vision-organised-sidebar .nav.vision-nav-child,
:root[data-mode="dark"] .vision-sidebar-account,
:root[data-mode="dark"] .vision-sidebar-help,
:root[data-mode="dark"] .vision-section-name,
:root[data-mode="dark"] .vision-section-tab,
:root[data-mode="dark"] .vision-more-heading,
:root[data-mode="dark"] .mobile-more-menu .vision-more-link,
:root[data-mode="dark"] .vision-conversation-choice,
:root[data-mode="dark"] .vision-conversation-choice small,
:root[data-mode="dark"] .vision-conversation-note,
:root[data-mode="dark"] .vision-conversation-header p,
:root[data-mode="dark"] .vision-message-row strong,
:root[data-mode="dark"] .vision-message-row small,
:root[data-mode="dark"] .vision-message-compose label,
:root[data-mode="dark"] .vision-nation-picker p,
:root[data-mode="dark"] .vision-nation-picker label,
:root[data-mode="dark"] .vision-guidance-status,
:root[data-mode="dark"] .vision-topic-count,
:root[data-mode="dark"] .vision-source-type,
:root[data-mode="dark"] .vision-source-card p,
:root[data-mode="dark"] .vision-guidance-help p,
:root[data-mode="dark"] .hero-description,
:root[data-mode="dark"] .hero-notes,
:root[data-mode="dark"] .window-chrome span,
:root[data-mode="dark"] .hero-float small,
:root[data-mode="dark"] .section-intro>p:last-child,
:root[data-mode="dark"] .workflow-copy>p,
:root[data-mode="dark"] .tenant-marketing-grid>div>p:not(.eyebrow),
:root[data-mode="dark"] .faq-grid>div>p,
:root[data-mode="dark"] .feature-card p,
:root[data-mode="dark"] .workflow-steps p,
:root[data-mode="dark"] .checklist,
:root[data-mode="dark"] .tenant-illustration-bottom,
:root[data-mode="dark"] .price-card>p,
:root[data-mode="dark"] .price span,
:root[data-mode="dark"] .pricing-note,
:root[data-mode="dark"] .faq-grid summary:after,
:root[data-mode="dark"] .faq-grid details p,
:root[data-mode="dark"] .public-footer p,
:root[data-mode="dark"] .public-footer>div>a:not(.public-brand),
:root[data-mode="dark"] .footer-signoff small,
:root[data-mode="dark"] .site-auth-dialog>p:not(.eyebrow),
:root[data-mode="dark"] .site-auth-close,
:root[data-mode="dark"] .site-auth-help,
:root[data-mode="dark"] .public-compliance-intro,
:root[data-mode="dark"] .public-compliance-steps p,
:root[data-mode="dark"] .public-compliance-label,
:root[data-mode="dark"] .public-compliance-home small,
:root[data-mode="dark"] .public-compliance-record small,
:root[data-mode="dark"] .public-compliance-visual-foot,
:root[data-mode="dark"] .public-compliance-note>p,
:root[data-mode="dark"] .proco-site-menu-panel>:is(a,button),
:root[data-mode="dark"] .proco-menu-panel>:is(a,button),
:root[data-mode="dark"] .tenant-menu-panel>:is(a,button),
:root[data-mode="dark"] .proco-menu-section-label,
:root[data-mode="dark"] .proco-menu-identity small,
:root[data-mode="dark"] .proco-account-trigger-copy small,
:root[data-mode="dark"] .proco-menu-tour-host .proco-tour-launch,
:root[data-mode="dark"] .vision-preview-mode .proco-menu-tour-host .proco-tour-launch,
:root[data-mode="dark"] .proco-tour-count,
:root[data-mode="dark"] .proco-tour-dialog .proco-tour-skip,
:root[data-mode="dark"] .evidence-drop p,
:root[data-mode="dark"] .evidence-help,
:root[data-mode="dark"] .evidence-selection small,
:root[data-mode="dark"] .evidence-history small,
:root[data-mode="dark"] .evidence-existing-choice small,
:root[data-mode="dark"] .evidence-unlink,
:root[data-mode="dark"] .evidence-indicator,
:root[data-mode="dark"] .evidence-history,
:root[data-mode="dark"] .tenancy-section-button small,
:root[data-mode="dark"] .tenancy-occupancy,
:root[data-mode="dark"] .back,
:root[data-mode="dark"] .step,
:root[data-mode="dark"] footer,
:root[data-mode="dark"] .content p { color:var(--muted)!important; }

:root[data-mode="dark"] .pill.good,
:root[data-mode="dark"] .notice,
:root[data-mode="dark"] .vision-message-row p,
:root[data-mode="dark"] .vision-nation-eyebrow,
:root[data-mode="dark"] .vision-guidance-topic>summary,
:root[data-mode="dark"] .vision-source-card h3,
:root[data-mode="dark"] .vision-source-card a,
:root[data-mode="dark"] .vision-public,
:root[data-mode="dark"] .public-brand,
:root[data-mode="dark"] .public-brand span,
:root[data-mode="dark"] .public-header nav a:hover,
:root[data-mode="dark"] .eyebrow,
:root[data-mode="dark"] .hero-copy em,
:root[data-mode="dark"] .feature-symbol,
:root[data-mode="dark"] .feature-more,
:root[data-mode="dark"] .photo-caption .eyebrow,
:root[data-mode="dark"] .workflow-steps li>span,
:root[data-mode="dark"] .checklist li:before,
:root[data-mode="dark"] .public-cta .eyebrow,
:root[data-mode="dark"] .public-cta p:last-child,
:root[data-mode="dark"] .public-cta .btn,
:root[data-mode="dark"] .public-compliance-steps>div>span,
:root[data-mode="dark"] .public-compliance-record-icon,
:root[data-mode="dark"] .public-compliance-record-arrow,
:root[data-mode="dark"] .public-compliance-note details,
:root[data-mode="dark"] .public-compliance-note a,
:root[data-mode="dark"] :is(.proco-site-menu,.proco-menu,.tenant-menu)>summary,
:root[data-mode="dark"] :is(.proco-site-menu,.proco-menu,.tenant-menu)>summary:hover,
:root[data-mode="dark"] :is(.proco-site-menu,.proco-menu,.tenant-menu)[open]>summary,
:root[data-mode="dark"] .proco-site-menu-panel>:is(a,button):hover,
:root[data-mode="dark"] .proco-menu-panel>:is(a,button):hover,
:root[data-mode="dark"] .tenant-menu-panel>:is(a,button):hover,
:root[data-mode="dark"] .proco-menu-identity strong,
:root[data-mode="dark"] .proco-menu-identity>span,
:root[data-mode="dark"] .proco-account-avatar,
:root[data-mode="dark"] .proco-account-trigger-copy strong,
:root[data-mode="dark"] .proco-menu-tour-host .proco-tour-launch:hover,
:root[data-mode="dark"] .proco-tour-launch,
:root[data-mode="dark"] .proco-tour-dialog progress,
:root[data-mode="dark"] .proco-tour-section,
:root[data-mode="dark"] .proco-tour-dialog #proco-tour-note,
:root[data-mode="dark"] .proco-tour-dialog button,
:root[data-mode="dark"] .evidence-dialog .eyebrow,
:root[data-mode="dark"] .evidence-share,
:root[data-mode="dark"] .evidence-file-link,
:root[data-mode="dark"] .evidence-message,
:root[data-mode="dark"] .evidence-indicator.attached,
:root[data-mode="dark"] .tenancy-section-button,
:root[data-mode="dark"] .tenancy-occupancy.occupied,
:root[data-mode="dark"] .site-logo,
:root[data-mode="dark"] .site-logo-word,
:root[data-mode="dark"] .site-logo-subtitle,
:root[data-mode="dark"] .step.done,
:root[data-mode="dark"] body,
:root[data-mode="dark"] .logo,
:root[data-mode="dark"] .back { color:var(--forest)!important; }

:root[data-mode="dark"] td,
:root[data-mode="dark"] .vision-list-row,
:root[data-mode="dark"] .vision-preview-bar .current,
:root[data-mode="dark"] .vision-source-card,
:root[data-mode="dark"] .window-chrome,
:root[data-mode="dark"] .faq-grid details,
:root[data-mode="dark"] .proco-menu-identity,
:root[data-mode="dark"] .evidence-existing-choice,
:root[data-mode="dark"] .evidence-history>div { border-bottom:1px solid var(--line)!important; }

:root[data-mode="dark"] .vision-nav-children { border-left:1px solid var(--line)!important; }

:root[data-mode="dark"] .vision-topic-sources,
:root[data-mode="dark"] .public-compliance-note,
:root[data-mode="dark"] .proco-menu-section-label { border-top:1px solid var(--line)!important; }

:root[data-mode="dark"] .public-hero { background:linear-gradient(160deg,var(--panel) 15%,var(--v-soft) 80%)!important; }

:root[data-mode="dark"] .hero-street { background:linear-gradient(to bottom,var(--v-soft),transparent 65%),url('/assets/vision/kensington.webp') center 59%/cover!important; }

:root[data-mode="dark"] .proco-tour-dialog,
:root[data-mode="dark"] .proco-tour-dialog h2,
:root[data-mode="dark"] .proco-tour-dialog #proco-tour-body,
:root[data-mode="dark"] .proco-tour-launch-note,
:root[data-mode="dark"] .notice,
:root[data-mode="dark"] .summary ul { color:var(--ink)!important; }

:root[data-mode="dark"] .evidence-dialog,
:root[data-mode="dark"] .evidence-dialog input:not([type=checkbox]),
:root[data-mode="dark"] .evidence-dialog select,
:root[data-mode="dark"] .evidence-dialog textarea,
:root[data-mode="dark"] .tenancy-property-card { border:1px solid var(--line,var(--line))!important; }

:root[data-mode="dark"] .evidence-dialog,
:root[data-mode="dark"] .tenancy-property-card { background:var(--panel,var(--panel))!important; }

:root[data-mode="dark"] .evidence-dialog,
:root[data-mode="dark"] .evidence-dialog input:not([type=checkbox]),
:root[data-mode="dark"] .evidence-dialog select,
:root[data-mode="dark"] .evidence-dialog textarea,
:root[data-mode="dark"] .tenancy-summary b,
:root[data-mode="dark"] .tenancy-property-link,
:root[data-mode="dark"] .tenancy-card-details dd { color:var(--ink,var(--forest))!important; }

:root[data-mode="dark"] .evidence-dialog-head,
:root[data-mode="dark"] .evidence-selection,
:root[data-mode="dark"] .compliance-add-tabs,
:root[data-mode="dark"] .tenancy-access-row,
:root[data-mode="dark"] .tenancy-summary,
:root[data-mode="dark"] .tenancy-card-details { border-bottom:1px solid var(--line,var(--line))!important; }

:root[data-mode="dark"] .evidence-close,
:root[data-mode="dark"] .compliance-add-tabs button,
:root[data-mode="dark"] .tenancy-section-note,
:root[data-mode="dark"] .tenancy-access-row p,
:root[data-mode="dark"] .tenancy-access-row small,
:root[data-mode="dark"] .tenancy-summary,
:root[data-mode="dark"] .tenancy-management-help,
:root[data-mode="dark"] .tenancy-location,
:root[data-mode="dark"] .tenancy-tenant-name,
:root[data-mode="dark"] .tenancy-card-details dt { color:var(--muted,var(--muted))!important; }

:root[data-mode="dark"] .evidence-dialog input:not([type=checkbox]),
:root[data-mode="dark"] .evidence-dialog select,
:root[data-mode="dark"] .evidence-dialog textarea { background:var(--bg,var(--panel))!important; }

:root[data-mode="dark"] .evidence-drop { border:1px dashed var(--line)!important; }

:root[data-mode="dark"] .compliance-add-tabs button[aria-selected=true] { color:var(--forest,var(--forest))!important; }

:root[data-mode="dark"] .tenancy-section-content,
:root[data-mode="dark"] .tenancy-card-details { border-top:1px solid var(--line,var(--line))!important; }
/* Shared components that also retain older workspace styling. */
:root[data-mode="dark"] body,
:root[data-mode="dark"] .main { background:var(--canvas)!important;color:var(--ink)!important; }
:root[data-mode="dark"] :is(.panel,.stat,.card,.auth-card,.authcard,.settings-layout,.settings-menu,.settings-panel,.account-signout,.maintenance-job-card,.tenancy-property-card,.rent-ledger-section,.rent-ledger-disclosure,.evidence-dialog,.tenant-modal,.modalbox,#modal,.proco-tour-dialog,.proco-tour-card,.plan-card,.plan,.billing-card) { background:var(--panel)!important;color:var(--ink)!important;border-color:var(--line)!important; }
:root[data-mode="dark"] :is(.top,.topbar,.public-header,.proco-site-header,.side,.sidebar,.mobile,.mobile-nav,.mobile-more-menu) { background:#17271ff5!important;color:var(--ink)!important;border-color:var(--line)!important; }
:root[data-mode="dark"] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) { background:var(--canvas)!important;color:var(--ink)!important;border-color:var(--line)!important; }
:root[data-mode="dark"] :is(input,textarea)::placeholder { color:var(--muted)!important;opacity:1; }
:root[data-mode="dark"] :is(td,th,hr,.setting-row,.evidence-dialog-head,.evidence-selection,.vision-source-card,.vision-topic-sources,.vision-guidance-topic) { border-color:var(--line)!important; }
:root[data-mode="dark"] :is(th,.evidence-drop,#evidence-library-picker,.evidence-existing-choice:hover,.maintenance-stage,.profile>div,.rent-ledger-summary,.rent-ledger-disclosure>summary) { background:var(--v-soft)!important;color:var(--ink)!important; }
:root[data-mode="dark"] :is(h1,h2,h3,h4,.metric-number,.stat strong,.settings-panel b,.proco-menu-identity strong,.vision-message-row p,.tenancy-property-card strong,.maintenance-job-card strong,.evidence-selection strong,.evidence-dialog label,.evidence-dialog legend,.profile label) { color:var(--ink)!important; }
:root[data-mode="dark"] :is(.muted,.small,.fine,.empty,.sidefoot,.metric-label,.metric-foot,.stat label,.stat small,.evidence-help,.evidence-selection small,.evidence-history,.evidence-history small,.evidence-existing-choice small,.tenancy-meta,.maintenance-job-details,.proco-tour-copy,.proco-tour-progress) { color:var(--muted)!important; }
:root[data-mode="dark"] :is(.evidence-file-link,.evidence-indicator.attached,.evidence-share,.link,.mini,.linkbtn,.vision-link,.compliance-add-tabs [aria-selected=true]) { color:var(--forest)!important; }
:root[data-mode="dark"] :is(.btn:not(.secondary):not(.outline):not(.danger),.btn.primary,.primary,.auth-submit,.workspace-top-button,.proco-tour-next) { background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important; }
:root[data-mode="dark"] :is(.btn:not(.secondary):not(.outline):not(.danger),.btn.primary,.primary,.auth-submit,.workspace-top-button,.proco-tour-next):hover { background:var(--primary-hover)!important;border-color:var(--primary-hover)!important; }
:root[data-mode="dark"] :is(.btn.secondary,.btn.outline,button.secondary,.mini,.quick button,.tenancy-section-button,.evidence-unlink,.appearance-toggle,.proco-tour-skip) { background:var(--v-soft)!important;color:var(--forest)!important;border-color:var(--line)!important; }
:root[data-mode="dark"] :is(.pill,.pill.neutral,.evidence-indicator,.proco-account-avatar,.profile-photo-preview,.vision-avatar,.tag-option) { background:var(--v-soft)!important;color:var(--muted)!important;border-color:var(--line)!important; }
:root[data-mode="dark"] :is(.pill.good,.pill.paid,.status-pill,.evidence-message,.notice:not(.error),.tag-option:has(input:checked)) { background:#234332!important;color:#b6e8c8!important;border-color:#416c51!important; }
:root[data-mode="dark"] :is(.pill.warn,.pill.pending,.vision-icon.warm) { background:var(--v-warm-soft)!important;color:var(--v-warm)!important; }
:root[data-mode="dark"] :is(.pill.bad,.pill.overdue,.notice.error,.evidence-message.error,.vision-icon.rose) { background:var(--v-danger-soft)!important;color:var(--v-danger)!important;border-color:#88534d!important; }
:root[data-mode="dark"] :is(.danger,.mini.danger,.proco-menu-logout) { color:var(--v-danger)!important; }
:root[data-mode="dark"] :is(.side .nav,.sidebar .navitem,.settings-menu .nav,.mobile button) { color:var(--muted)!important; }
:root[data-mode="dark"] :is(.side .nav.active,.sidebar .navitem.active,.settings-menu .nav.active,.mobile button.active,.vision-nav-group-title.active,.vision-conversation-choice.active) { background:#2b4938!important;color:#b9ebcc!important; }
:root[data-mode="dark"] .vision-donut:before { background:var(--panel)!important; }
:root[data-mode="dark"] .vision-chart:before { background:repeating-linear-gradient(to top,transparent,transparent 39px,var(--line) 40px)!important; }
:root[data-mode="dark"] .vision-chart-column i.light,
:root[data-mode="dark"] .vision-chart-legend span+span:before { background:#4d8464!important; }
:root[data-mode="dark"] .proco-logo-art>img { filter:brightness(0) saturate(100%) invert(88%) sepia(14%) saturate(571%) hue-rotate(86deg); }
:root[data-mode="dark"] .public-cta .btn { background:#d6eddf!important;color:#164630!important; }
:root[data-mode="dark"] .vision-property-card .photo .pill { background:#172c23f5!important;color:#d4eedf!important; }
:root[data-mode="dark"] .shade.open,
:root[data-mode="dark"] .site-auth-backdrop { background:#050e0bb3!important; }
:root[data-mode="dark"] dialog::backdrop { background:#050e0bb3; }

:root[data-mode="dark"] { --paper:var(--canvas);--soft:var(--v-soft);--plan-green:var(--forest);--plan-green-hover:#bce8ce;--plan-paper:var(--canvas);--plan-ink:var(--ink);--plan-muted:var(--muted);--plan-line:var(--line); }
:root[data-mode="dark"] body.vision-public { background:var(--canvas)!important;color:var(--ink)!important; }
:root[data-mode="dark"] :is(.vision-property-card,.vision-finance-filter,.vision-finance-disclosure,.vision-home-peek,.vision-tenant-home-card,.plan-summary,.property-count-control,.plan-tools article) { background:var(--panel)!important;color:var(--ink)!important;border-color:var(--line)!important; }
:root[data-mode="dark"] .tenancy-occupancy { background:var(--v-soft)!important;color:var(--muted)!important; }
:root[data-mode="dark"] .tenancy-occupancy.occupied { background:#234332!important;color:#b6e8c8!important; }
:root[data-mode="dark"] .public-cta .btn { background:#d6eddf!important;color:#164630!important; }
:root[data-mode="dark"] .continue-button,
:root[data-mode="dark"] .journey [aria-current]>span { background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important; }
:root[data-mode="dark"] .continue-button:hover { background:var(--primary-hover)!important; }
:root[data-mode="dark"] .sidefoot small { color:var(--muted)!important; }
:root[data-mode="dark"] :is(.btn.danger,.account-signout-button) { background:#673c36!important;color:#ffe1dc!important;border-color:#a86559!important; }
:root[data-mode="dark"] :is(.btn.danger,.account-signout-button):hover { background:#7b413a!important; }
:root[data-mode="dark"] .account-danger-zone { background:var(--v-danger-soft)!important;color:var(--ink)!important;border-color:#88534d!important; }
:root[data-mode="dark"] .upload-step-number { background:var(--primary)!important;color:#fff!important; }