/* Shared theme layer. Page-specific styles keep their existing layout and controls. */
:root[data-theme="dark"] {
  --theme-page: #0b1711;
  --theme-surface: #112319;
  --theme-surface-soft: #172d20;
  --theme-text: #edf5ed;
  --theme-muted: #b8c8ba;
  --theme-line: rgba(237,245,237,.16);
}
html[data-theme="dark"] body,
html[data-theme="dark"] body.ent { background: var(--theme-page) !important; color: var(--theme-text); }
html[data-theme="dark"] body.ent .global-nav,
html[data-theme="dark"] body.ent .dropdown { background: rgba(12,31,20,.96) !important; color: var(--theme-text); border-color: var(--theme-line); }
html[data-theme="dark"] body.ent .global-nav.is-scrolled { background: #0b2416 !important; }
html[data-theme="dark"] body.ent main > .section:not(.dark),
html[data-theme="dark"] body.ent main > .section.soft,
html[data-theme="dark"] body.ent .page-shell,
html[data-theme="dark"] body.ent .work-page { background: var(--theme-page) !important; color: var(--theme-text); }
html[data-theme="dark"] body.ent .card,
html[data-theme="dark"] body.ent .tile,
html[data-theme="dark"] body.ent .project,
html[data-theme="dark"] body.ent .work-card,
html[data-theme="dark"] body.ent .insight-card,
html[data-theme="dark"] body.ent .config-panel,
html[data-theme="dark"] body.ent .lead-card { background: var(--theme-surface) !important; border-color: var(--theme-line) !important; color: var(--theme-text); }
html[data-theme="dark"] body.ent p,
html[data-theme="dark"] body.ent li,
html[data-theme="dark"] body.ent .muted,
html[data-theme="dark"] body.ent .section-head > p:last-child { color: var(--theme-muted); }
html[data-theme="dark"] body.ent h1,
html[data-theme="dark"] body.ent h2,
html[data-theme="dark"] body.ent h3,
html[data-theme="dark"] body.ent strong { color: var(--theme-text); }
html[data-theme="dark"] body.ent .mobile-nav.open { background: var(--theme-surface) !important; color: var(--theme-text); }
html[data-theme="dark"] body.ent .mobile-nav a,
html[data-theme="dark"] body.ent .mobile-nav summary { border-color: var(--theme-line); }
html[data-theme="dark"] body:not(.ent) { background: var(--theme-page); color: var(--theme-text); }
html[data-theme="dark"] .account-nav,
html[data-theme="dark"] .dc-shell,
html[data-theme="dark"] .dc-topbar,
html[data-theme="dark"] .dc-main,
html[data-theme="dark"] .auth-shell,
html[data-theme="dark"] .dashboard-shell { background: var(--theme-page) !important; color: var(--theme-text); }
html[data-theme="dark"] .account-nav,
html[data-theme="dark"] .dc-topbar,
html[data-theme="dark"] .dc-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .workspace-card,
html[data-theme="dark"] .auth-card { background: var(--theme-surface) !important; border-color: var(--theme-line) !important; color: var(--theme-text); }
.theme-toggle { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.theme-toggle svg { width: 18px; height: 18px; }
.theme-icon-sun { display: none; }
:root[data-theme="dark"] .theme-icon-moon { display: none; }
:root[data-theme="dark"] .theme-icon-sun { display: block; }
.account-nav,
.dc-topbar,
.app-topbar { box-shadow: 0 10px 30px rgba(16,24,20,.05); }
.account-nav .theme-toggle,
.dc-top-actions .theme-toggle { margin-left: 8px; color: currentColor; }
.account-nav a:hover,
.dc-sidebar a:hover,
.app-sidebar a:hover { color: var(--brand-primary, #86021b); }
.account-nav .nav-button,
.account-nav .primary,
.app-main .primary,
.app-main .top-estimate { background: var(--brand-primary, #86021b); }
.account-nav,
.app-topbar,
.dc-topbar { min-height: 72px; }
.form-card,
.panel,
.workspace-card,
.stat-grid article,
.attention-card { border-radius: 20px; box-shadow: 0 18px 50px rgba(16,24,20,.07); }
.app-sidebar { background: linear-gradient(160deg, #07391d, #0e522b 72%, #145f37); }
.dc-sidebar { background: linear-gradient(160deg, #07391d, #0e522b 72%, #145f37) !important; }
html[data-theme="dark"] .account-nav,
html[data-theme="dark"] .app-topbar,
html[data-theme="dark"] .dc-topbar { background: rgba(12,31,20,.94) !important; border-color: var(--theme-line); }
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .workspace-card,
html[data-theme="dark"] .stat-grid article,
html[data-theme="dark"] .attention-card,
html[data-theme="dark"] .task-column,
html[data-theme="dark"] .task-card,
html[data-theme="dark"] .task-toolbar { background: var(--theme-surface) !important; color: var(--theme-text); border-color: var(--theme-line); }
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .copy-link input { background: #0b1b12 !important; color: var(--theme-text) !important; border-color: var(--theme-line) !important; }
html[data-theme="dark"] .account-nav button,
html[data-theme="dark"] .account-nav a,
html[data-theme="dark"] .dc-topbar a,
html[data-theme="dark"] .app-topbar a { color: var(--theme-text); }
html[data-theme="dark"] .empty,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .empty-state { background: var(--theme-surface-soft) !important; color: var(--theme-muted); }
html[data-theme="dark"] .app-main,
html[data-theme="dark"] .dashboard-body,
html[data-theme="dark"] .dc-body { background: var(--theme-page) !important; }
@media (max-width: 1180px) { .desktop-theme-toggle { display: none; } }