/* FeedGrowly geometry with the approved neutral CRM palette. Load last. */
html:root[data-theme] {
  --bg: #000000 !important;
  --surface-1: #121214;
  --surface-2: #1b1b1f;
  --surface-3: #26262c;
  --ink-1: #fafafa;
  --ink-2: #d0d0d8;
  --ink-3: #a4a4b0;
  --line: #323238 !important;
  --neutral-rgb: 250,250,250;
  --accent: #fafafa !important;
  --accent-press: #d0d0d8;
  --accent-ink: #18181b;
  --accent-soft: #26262c;
  --accent-line: #64646e;
  --scrim: rgb(0 0 0 / .68);
  --workspace-stripes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M0 0L32 32' stroke='%23ffffff' stroke-opacity='.025'/%3E%3C/svg%3E");
  --shadow-pop: 0 1px 2px rgb(0 0 0 / .32), 0 12px 32px -10px rgb(0 0 0 / .55);
  --ease: cubic-bezier(.25,1,.5,1);
  --dur-1: 140ms;
  --dur-2: 200ms;
  --dur-3: 280ms;
  --font-ui: 'Bricolage Grotesque', sans-serif !important;
  --font-mono: 'JetBrains Mono', monospace !important;
  --ls-font: var(--font-ui);
  --lx-font-ui: var(--font-ui) !important;
  --lx-font-mono: var(--font-mono) !important;
  color-scheme: dark;
}
html:root[data-theme="light"], html:root[data-theme="hybrid"] {
  --bg: #ffffff !important;
  --surface-1: #ffffff;
  --surface-2: #f6f6f8;
  --surface-3: #ededf0;
  --ink-1: #18181b;
  --ink-2: #45454f;
  --ink-3: #64646e;
  --line: #dedee5 !important;
  --neutral-rgb: 24,24,27;
  --accent: #18181b !important;
  --accent-press: #45454f;
  --accent-ink: #ffffff;
  --accent-soft: #ededf0;
  --accent-line: #a4a4b0;
  --scrim: rgb(0 0 0 / .55);
  --workspace-stripes: none;
  --shadow-pop: 0 1px 2px rgb(0 0 0 / .06), 0 8px 24px -8px rgb(0 0 0 / .14);
  color-scheme: light;
}
/* Legacy aliases are semantic, so switching light mode changes every module. */
html:root[data-theme] {
  --panel: var(--surface-1) !important; --panel-2: var(--surface-2) !important;
  --raised: var(--surface-3) !important; --text: var(--ink-1) !important;
  --dim: var(--ink-2) !important; --mute: var(--ink-3) !important;
  --line-strong: var(--line) !important;
  --bg-primary: var(--bg) !important; --bg-secondary: var(--surface-2) !important;
  --bg-card: var(--surface-1) !important; --bg-card-solid: var(--surface-1) !important;
  --text-primary: var(--ink-1) !important; --text-secondary: var(--ink-2) !important;
  --text-dim: var(--ink-2) !important; --text-muted: var(--ink-3) !important;
  --border-color: var(--line) !important; --border-hover: var(--accent-line) !important;
  --input-bg: var(--surface-2) !important; --modal-bg: var(--surface-1) !important;
  --sidebar-bg: var(--bg) !important; --sidebar-border: var(--line) !important;
  --sidebar-chrome: var(--bg) !important; --sidebar-chrome-text: var(--ink-1) !important;
  --sidebar-chrome-muted: var(--ink-2) !important; --sidebar-chrome-border: var(--line) !important;
  --theme-canvas: var(--bg) !important; --theme-surface: var(--surface-1) !important;
  --theme-raised: var(--surface-3) !important; --theme-sidebar: var(--bg) !important;
  --theme-sidebar-text: var(--ink-1) !important; --theme-sidebar-muted: var(--ink-2) !important;
  --theme-sidebar-hover: var(--surface-2) !important; --theme-overlay: var(--scrim) !important;
  --theme-focus-offset: var(--bg) !important; --theme-card-shadow: none !important;
  --legacy-foreground-strong: var(--ink-1) !important; --legacy-foreground-muted: var(--ink-2) !important;
  --legacy-on-accent: var(--accent-ink) !important; --on-accent: var(--accent-ink) !important;
  --accent-deep: var(--accent) !important; --accent-glow: var(--accent-soft) !important;
  --table-hover: var(--surface-2) !important; --scrollbar-bg: var(--bg) !important;
  --scrollbar-thumb: var(--line) !important;
  --color-void: var(--bg) !important; --color-carbon: var(--surface-1) !important;
  --color-obsidian: var(--surface-2) !important; --color-graphite: var(--line) !important;
  --color-smoke: var(--line) !important; --color-ash: var(--ink-3) !important;
  --color-fog: var(--ink-3) !important; --color-mist: var(--ink-2) !important;
  --color-bone: var(--ink-1) !important; --color-paper: var(--ink-1) !important;
  --lx-void: var(--bg) !important; --lx-carbon: var(--surface-1) !important;
  --lx-obsidian: var(--surface-2) !important; --lx-graphite: var(--line) !important;
  --lx-smoke: var(--line) !important; --lx-ash: var(--ink-3) !important;
  --lx-fog: var(--ink-3) !important; --lx-mist: var(--ink-2) !important;
  --lx-bone: var(--ink-1) !important; --lx-paper: var(--ink-1) !important;
  --lx-on-lime: var(--accent-ink) !important; --lx-raised-hover: var(--surface-3) !important;
  --lx-wire: var(--line) !important; --lx-wire-hi: var(--accent-line) !important;
  --lx-ink-rgb: var(--neutral-rgb) !important; --lx-wire-rgb: var(--neutral-rgb) !important;
  --lx-r-card: 14px !important; --lx-r-md: 10px !important; --lx-r-sm: 6px !important;
  --lx-sh-sm: none !important; --lx-sh-subtle: none !important; --lx-sh-subtle-strong: none !important;
  --lx-sh-xl: var(--shadow-pop) !important;
  --lx-empty-art: var(--ink-3) !important; --lx-day-out: var(--ink-3) !important;
  --toast-neutral-bg: var(--surface-2) !important; --toast-neutral-fg: var(--ink-1) !important;
  --toast-success-bg: var(--surface-2) !important; --toast-success-fg: var(--ink-1) !important;
  --toast-error-bg: var(--surface-2) !important; --toast-error-fg: var(--ink-1) !important;
}
html:root[data-theme] body, html:root[data-theme] #app-wrapper, html:root[data-theme] .login-overlay {
  font-family: var(--font-ui) !important;
  background-color: var(--bg) !important;
  background-image: var(--workspace-stripes) !important;
  background-repeat: repeat !important;
  color: var(--ink-1) !important;
  -webkit-font-smoothing: antialiased;
}
html:root[data-theme] body { margin: 0; }
html:root[data-theme] body :where(button,input,select,textarea,.page,h1,h2,h3,h4,.sidebar,.nav-item) { font-family: var(--font-ui) !important; }
html:root[data-theme] :where(code,pre,kbd,.fg-kicker) { font-family: var(--font-mono) !important; }
html:root[data-theme] .main-area {
  background: transparent !important; color: var(--ink-1) !important;
  min-width: 0; max-width: none !important; padding: 32px !important;
}
html:root[data-theme] .main-area .page { background: transparent !important; min-width: 0; }
html:root[data-theme] .main-area .page > :where(.page-header,.lx-topbar,.topbar) { background: transparent !important; border: 0 !important; padding: 0 0 24px !important; min-height: 0 !important; }
html:root[data-theme] .main-area :where(h1,.page-title) { font-weight: 800 !important; letter-spacing: -.01em !important; }
html:root[data-theme] .main-area :where(.glass,.glass-strong,.glass-card,.card,.panel,.agent-card,.channel-card,.ctxp-card,.dn-card,.dn-panel) {
  background: var(--surface-1) !important; border: 1px solid var(--line) !important;
  border-radius: 14px !important; box-shadow: none !important; backdrop-filter: none !important;
}
html:root[data-theme] :where(.modal,.crm-modal,.crm-popover,.theme-mode-menu,#ctx-menu,[role="dialog"],[role="menu"],[role="listbox"]) {
  background: var(--surface-1) !important; color: var(--ink-1) !important;
  border-color: var(--line) !important; border-radius: 14px !important; box-shadow: var(--shadow-pop) !important;
}
html:root[data-theme] :where(input:not([type="color"]),textarea,select,.form-input,.cs-trigger) {
  color: var(--ink-1) !important; background-color: var(--surface-2) !important;
  border-color: var(--line) !important; font-family: var(--font-ui) !important;
}
html:root[data-theme] :where(input,textarea)::placeholder { color: var(--ink-3) !important; opacity: 1 !important; }
html:root[data-theme] :where(button,a,input,textarea,select,[tabindex]):focus-visible {
  outline: 2px solid var(--ink-1) !important; outline-offset: 3px !important;
  box-shadow: none !important;
}
html:root[data-theme] :where(button,.btn) { border-radius: 6px; font-weight: 600; }
html:root[data-theme] :where(.btn-primary,.crm-btn-primary,.bill-btn,.login-submit,.ctxp-btn.primary,.fg-primary) {
  background: var(--accent) !important; color: var(--accent-ink) !important;
  border-color: var(--accent) !important; box-shadow: none !important;
}
html:root[data-theme] :where(.btn-primary,.crm-btn-primary,.bill-btn,.login-submit,.ctxp-btn.primary,.fg-primary) :where(span,svg,path) { color: var(--accent-ink) !important; }
html:root[data-theme] :where(.btn-primary,.login-submit,.fg-primary):hover:not(:disabled) { background: var(--accent-press) !important; }
html:root[data-theme] :where(button,input,select,textarea):disabled { opacity: .6 !important; cursor: not-allowed; }
/* Only UI surfaces, never presentation nodes, message text or media artwork. */
html:root[data-theme] .fg-neutral-text { color: var(--ink-2) !important; }
html:root[data-theme] .fg-neutral-surface { background-color: var(--surface-2) !important; background-image: none !important; }
html:root[data-theme] .fg-neutral-border { border-color: var(--line) !important; }
html:root[data-theme] .fg-neutral-primary { background: var(--accent) !important; color: var(--accent-ink) !important; }
html:root[data-theme] .fg-neutral-primary * { color: inherit !important; }
html:root[data-theme] .sidebar {
  background: var(--bg) !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; align-items: stretch !important;
}
html:root[data-theme] .sidebar .sidebar-logo { width: auto !important; height: auto !important; min-height: 60px !important; margin: 0 8px 8px !important; padding: 8px 12px !important; gap: 10px !important; justify-content: flex-start !important; }
html:root[data-theme] .sidebar .sidebar-logo .icon { background: var(--surface-2) !important; color: var(--ink-1) !important; border-color: var(--line) !important; width: 32px !important; height: 32px !important; }
html:root[data-theme] .sidebar #ctx-switcher { width: auto !important; margin: 0 8px 16px !important; min-height: 60px !important; padding: 10px 12px !important; gap: 10px !important; border: 1px solid var(--line) !important; border-radius: 12px !important; background: var(--surface-1) !important; }
html:root[data-theme] .sidebar #ctx-sw-name { white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; text-overflow: clip !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; min-width: 0; }
html:root[data-theme] #ctx-menu { width: 240px !important; max-width: calc(100vw - 32px); max-height: min(70vh,480px); overflow-y: auto; }
html:root[data-theme] #ctx-menu-body { max-height: 20rem; overflow-y: auto; }
html:root[data-theme] .sidebar .sidebar-nav { width: 100% !important; padding: 6px 8px !important; overflow-y: auto !important; min-height: 0; flex: 1; }
html:root[data-theme] .sidebar .nav-item { min-height: 42px !important; width: auto !important; margin: 3px 0 !important; padding: 9px 10px !important; gap: 10px !important; border-radius: 10px !important; border: 1px solid transparent !important; color: var(--ink-2) !important; font-size: 13px !important; font-weight: 500 !important; }
html:root[data-theme] .sidebar .nav-item.active { background: var(--accent-soft) !important; border-color: var(--accent-line) !important; color: var(--ink-1) !important; outline: none !important; box-shadow: none !important; }
html:root[data-theme] .sidebar .nav-item::before, html:root[data-theme] .sidebar .nav-item::after { display: none !important; }
html:root[data-theme] .sidebar .nav-item .nav-icon, html:root[data-theme] .sidebar .nav-item .nav-icon > svg { color: currentColor !important; width: 18px !important; height: 18px !important; }
html:root[data-theme] .sidebar .sidebar-footer { width: auto !important; padding: 8px !important; border-color: var(--line) !important; }
html:root[data-theme] .sidebar .sidebar-collapse-btn { display: flex !important; position: absolute; top: 14px; right: 8px; width: 32px; height: 32px; align-items: center; justify-content: center; color: var(--ink-2) !important; background: var(--surface-2) !important; }
html:root[data-theme] .fg-nav-group { margin: 4px 0; }
html:root[data-theme] .fg-nav-heading { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 46px; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--ink-2); text-align: left; font-size: 14px; font-weight: 600; cursor: pointer; }
html:root[data-theme] .fg-nav-heading svg { width: 18px; height: 18px; flex: 0 0 18px; }
html:root[data-theme] .fg-nav-chevron { margin-left: auto; width: 15px !important; transition: transform var(--dur-1) var(--ease); }
html:root[data-theme] .fg-nav-heading[aria-expanded="true"] .fg-nav-chevron { transform: rotate(180deg); }
html:root[data-theme] .fg-nav-children { margin: 2px 0 10px 20px; padding-left: 10px; border-left: 1px solid var(--line); }
html:root[data-theme] .fg-nav-children[hidden], html:root[data-theme] .fg-nav-group[hidden] { display: none !important; }
html:root[data-theme] .fg-global-preferences { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }
html:root[data-theme] .fg-global-preferences button { min-width: 32px; min-height: 32px; padding: 6px; border: 1px solid transparent; background: transparent; color: var(--ink-2); cursor: pointer; }
html:root[data-theme] .fg-global-preferences button[aria-pressed="true"] { border-color: var(--line); background: var(--surface-2); color: var(--ink-1); }
@media (min-width: 768px) {
  html:root[data-theme] #app-wrapper { padding: 12px !important; box-sizing: border-box; height: 100dvh; min-height: 0 !important; }
  html:root[data-theme] .sidebar, html:root[data-theme] .sidebar:not(.collapsed) { position: fixed !important; top: 12px !important; bottom: 12px !important; left: 12px !important; width: 256px !important; min-width: 256px !important; height: calc(100dvh - 24px) !important; transform: none !important; display: flex !important; flex-direction: column !important; padding: 0 !important; }
  html:root[data-theme] .main-area, html:root[data-theme] .sidebar:not(.collapsed) ~ .main-area { margin-left: 280px !important; height: calc(100dvh - 24px); overflow-y: auto; }
  html:root[data-theme] .sidebar:not(.collapsed) :is(.sidebar-label,.sidebar-logo-txt,.ctx-sw-name,.ctx-sw-caret) { display: block !important; opacity: 1 !important; visibility: visible !important; }
  html:root[data-theme] .sidebar:not(.collapsed) .sidebar-logo-txt { max-width: 145px; }
  html:root[data-theme] .sidebar.collapsed { width: 72px !important; min-width: 72px !important; }
  html:root[data-theme] .sidebar.collapsed ~ .main-area, html:root[data-theme] body:has(.sidebar.collapsed) .main-area { margin-left: 96px !important; }
  html:root[data-theme] .sidebar.collapsed :is(.sidebar-label,.sidebar-logo-txt,.ctx-sw-name,.ctx-sw-caret,.fg-nav-label,.fg-nav-chevron) { display: none !important; }
  html:root[data-theme] .sidebar.collapsed .fg-nav-children { display: none !important; }
  html:root[data-theme] .sidebar.collapsed #ctx-switcher { min-height: 44px !important; justify-content: center; padding: 8px !important; }
  html:root[data-theme] .sidebar.collapsed .sidebar-logo { margin-top: 28px !important; padding: 4px !important; justify-content: center !important; }
  html:root[data-theme] .sidebar.collapsed .sidebar-collapse-btn { top: 0; right: 20px; }
  html:root[data-theme] .sidebar.collapsed #ctx-menu { left: 76px !important; }
  html:root[data-theme] .sidebar.collapsed .fg-global-preferences { justify-content: center; }
  html:root[data-theme] .mobile-toggle, html:root[data-theme] .mobile-nav-scrim { display: none !important; }
}
@media (max-width: 767px) {
  html:root[data-theme] #app-wrapper { padding: 0 !important; }
  html:root[data-theme] .main-area, html:root[data-theme] body:has(.sidebar.collapsed) .main-area { margin-left: 0 !important; padding: 24px 16px 72px !important; height: auto; min-height: 100dvh; }
  html:root[data-theme] .sidebar, html:root[data-theme] .sidebar.collapsed { width: min(290px,90vw) !important; min-width: 0 !important; position: fixed !important; inset: 0 auto 0 0 !important; height: 100dvh !important; padding: 8px !important; z-index: 10050; transform: translateX(-101%) !important; }
  html:root[data-theme] .sidebar.open { transform: translateX(0) !important; }
  html:root[data-theme] .sidebar :is(.sidebar-label,.sidebar-logo-txt,.ctx-sw-name,.ctx-sw-caret) { display: block !important; opacity: 1 !important; }
  html:root[data-theme] .sidebar .sidebar-collapse-btn { display: none !important; }
  html:root[data-theme] .mobile-toggle { display: flex !important; position: fixed !important; top: auto !important; bottom: 16px !important; left: 16px !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background: var(--surface-1) !important; border: 1px solid var(--line) !important; color: var(--ink-1) !important; align-items: center; justify-content: center; z-index: 10020; }
  html:root[data-theme] .mobile-nav-scrim { z-index: 10040 !important; background: rgb(0 0 0 / .5) !important; }
  html:root[data-theme] body:has(.sidebar.open) .mobile-nav-scrim { display: block !important; }
  html:root[data-theme] .main-area :where(.form-row,.filters-row,.page-header,.lx-topbar) { flex-wrap: wrap; min-width: 0; }
  html:root[data-theme] .main-area :where(input,select,textarea) { max-width: 100%; font-size: 16px !important; }
  html:root[data-theme] .main-area :where(.table-wrap,.table-container) { max-width: 100%; overflow-x: auto; }
  html:root[data-theme] :where(.modal,.crm-modal) { max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px); overflow-y: auto; }
}
@media (min-width:640px) and (max-width:767px) { html:root[data-theme] .main-area { padding: 24px 24px 72px !important; } }
/* Preserve the original login photograph beside the themed form. */
html:root[data-theme] .login-overlay:not(.hidden) { display: grid !important; grid-template-columns: minmax(0,1fr); padding: 0 !important; min-height: 100dvh; overflow-y: auto; }
html:root[data-theme] .login-image-panel { display: none !important; }
html:root[data-theme] .login-right { width: 100% !important; min-width: 0; display: flex !important; align-items: center; justify-content: center; padding: 24px !important; background: transparent !important; }
html:root[data-theme] .login-card { width: 100% !important; max-width: 392px !important; margin: 0 !important; padding: 32px !important; background: var(--surface-1) !important; color: var(--ink-1) !important; border: 1px solid var(--line) !important; border-radius: 14px !important; box-shadow: none !important; }
html:root[data-theme] .login-tagline { display: none !important; }
html:root[data-theme] .login-card .login-logo h1 { color: var(--ink-1) !important; font-size: 30px !important; font-weight: 800 !important; letter-spacing: -.01em; }
html:root[data-theme] .login-card :where(label,p,.login-status) { color: var(--ink-2) !important; }
html:root[data-theme] .login-input-wrap { background: var(--surface-2) !important; border: 1px solid var(--line) !important; border-radius: 6px !important; }
html:root[data-theme] .login-input-wrap input { background: transparent !important; }
html:root[data-theme] .login-submit { padding: 12px 20px !important; border-radius: 6px !important; }
html:root[data-theme] .fg-login-story { display: none; }
@media (min-width:901px) {
  html:root[data-theme] .login-image-panel { display: block !important; width: 100%; height: 100dvh; min-width: 0; aspect-ratio: auto; }
  html:root[data-theme] .login-overlay:not(.hidden) { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  html:root[data-theme] .fg-login-story { display: flex; flex-direction: column; justify-content: center; padding: 48px; border-right: 1px solid var(--line); }
  html:root[data-theme] .fg-login-story h2 { max-width: 9ch; font-size: 60px; line-height: .98; font-weight: 800; letter-spacing: -.01em; color: var(--ink-1); }
  html:root[data-theme] .fg-login-story p { max-width: 42ch; color: var(--ink-2); font-size: 16px; line-height: 1.6; margin-top: 24px; }
}
@media (prefers-reduced-motion:reduce) { html:root[data-theme] *, html:root[data-theme] *::before, html:root[data-theme] *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition: none !important; } }

html:root[data-theme] {
  --color-acid-lime: var(--ink-1) !important;
  --color-pulse-green: var(--ink-1) !important;
  --color-coral-red: var(--ink-1) !important;
  --color-signal-teal: var(--ink-1) !important;
  --color-iris-violet: var(--ink-1) !important;
  --color-lavender: var(--ink-1) !important;
  --color-amber: var(--ink-1) !important;
  --lx-acid-lime: var(--ink-1) !important;
  --lx-acid-lime-hi: var(--ink-1) !important;
  --lx-acid-lime-deep: var(--ink-1) !important;
  --lx-pulse-green: var(--ink-1) !important;
  --lx-coral-red: var(--ink-1) !important;
  --lx-signal-teal: var(--ink-1) !important;
  --lx-iris-violet: var(--ink-1) !important;
  --lx-lavender: var(--ink-1) !important;
  --lx-amber: var(--ink-1) !important;
  --lx-green-text: var(--ink-1) !important;
  --lx-coral-text: var(--ink-1) !important;
  --lx-teal-text: var(--ink-1) !important;
  --lx-violet-text: var(--ink-1) !important;
  --lx-lavender-text: var(--ink-1) !important;
  --lx-lime-ink: var(--ink-1) !important;
  --lx-cyan-ink: var(--ink-1) !important;
  --lx-lime-rgb: var(--neutral-rgb) !important;
  --lx-green-rgb: var(--neutral-rgb) !important;
  --lx-coral-rgb: var(--neutral-rgb) !important;
  --lx-teal-rgb: var(--neutral-rgb) !important;
  --lx-violet-rgb: var(--neutral-rgb) !important;
  --lx-lavender-rgb: var(--neutral-rgb) !important;
  --lx-amber-rgb: var(--neutral-rgb) !important;
  --lx-wash-lime: var(--surface-3) !important;
  --lx-wash-green: var(--surface-3) !important;
  --lx-wash-coral: var(--surface-3) !important;
  --lx-wash-teal: var(--surface-3) !important;
  --lx-wash-violet: var(--surface-3) !important;
  --lx-wash-lavender: var(--surface-3) !important;
  --lx-wash-hover: var(--surface-3) !important;
  --lx-wash-hover-2: var(--surface-3) !important;
  --lx-wash-active: var(--surface-3) !important;
}
html:root[data-theme] #dnew-root {
  --dn-bg1: var(--surface-1) !important;
  --dn-bg2: var(--surface-2) !important;
  --dn-bg3: var(--surface-3) !important;
  --dn-text: var(--ink-1) !important;
  --dn-dim: var(--ink-2) !important;
  --dn-mute: var(--ink-3) !important;
  --dn-line: var(--line) !important;
  --dn-line2: var(--line) !important;
  --dn-accent: var(--ink-1) !important;
  --dn-accent-deep: var(--ink-1) !important;
  --dn-bad: var(--ink-2) !important;
  --dn-gold: var(--ink-1) !important;
  --dn-ig: var(--ink-1) !important;
  --dn-live: var(--ink-2) !important;
}
/* Retire the legacy login-local dark/cyan palette, including inherited aliases. */
html:root[data-theme] #login-overlay {
  --bg: inherit !important; --panel: inherit !important; --panel-2: inherit !important;
  --raised: inherit !important; --line: inherit !important; --line-strong: inherit !important;
  --text: inherit !important; --dim: inherit !important; --mute: inherit !important;
  --accent: inherit !important; --accent-deep: inherit !important; --accent-glow: inherit !important;
  --border-hover: inherit !important; --live: inherit !important; --warn: inherit !important;
  --bad: inherit !important; --info: inherit !important; --lx-ash: inherit !important;
  --lx-coral-text: inherit !important;
  background-color: var(--bg) !important; background-image: var(--workspace-stripes) !important;
}
html:root[data-theme] #login-btn { background: var(--accent) !important; color: var(--accent-ink) !important; }
html:root[data-theme] .sidebar .lx-rail-sep { display: none !important; }
html:root[data-theme] { --live: var(--ink-2) !important; --warn: var(--ink-2) !important; --bad: var(--ink-2) !important; --info: var(--ink-2) !important; }
html:root[data-theme="hybrid"] .sidebar {
  --lx-void: var(--bg) !important; --lx-carbon: var(--surface-1) !important;
  --lx-obsidian: var(--surface-2) !important; --lx-graphite: var(--line) !important;
  --lx-mist: var(--ink-2) !important; --lx-paper: var(--ink-1) !important;
  --lx-bone: var(--ink-1) !important; --lx-ash: var(--ink-3) !important;
  --lx-fog: var(--ink-3) !important;
}
html:root[data-theme] #login-btn { min-height: 44px !important; height: auto !important; font-size: 14px !important; }
html:root[data-theme] #login-overlay .fg-global-preferences { justify-content: center; margin-top: 24px; margin-bottom: 0; }
html:root[data-theme] .sidebar-footer > #theme-toggle-sidebar { display: none !important; }
html:root[data-theme] #page-conversas > .conv-topbar { background: transparent !important; }