/* Identidade visual Mapeia Aí.
   A paleta deriva do grafite enviado para o produto: profundidade azulada,
   contraste de papel e detalhes frios, sem o azul saturado genérico. */

:root {
  color-scheme: light;
  --ink: #06141B;
  --muted: #4A5C6A;
  --paper: #F2F4F3;
  --surface: #FFFFFF;
  --line: #CCD0CF;
  --line-soft: #E6E9E8;
  --green: #253745;
  --green-dark: #06141B;
  --mint: #E1E6E5;
  --mint-soft: #F5F7F6;
  --shadow: 0 16px 42px rgba(6, 20, 27, .10);
  --brand: #253745;
  --brand-strong: #06141B;
  --brand-deep: #06141B;
  --brand-tint: #E1E6E5;
  --focus: rgba(37, 55, 69, .25);
  --ui-ink: #06141B;
  --ui-muted: #4A5C6A;
  --ui-muted-soft: #6E7E86;
  --ui-line: #CCD0CF;
  --ui-line-soft: #E6E9E8;
  --ui-surface: #FFFFFF;
  --ui-paper: #F2F4F3;
  --ui-brand: #253745;
  --ui-brand-deep: #06141B;
  --ui-brand-soft: #E1E6E5;
  --ui-teal: #4A5C6A;
  --ui-shadow-sm: 0 1px 2px rgba(6, 20, 27, .05), 0 2px 8px rgba(6, 20, 27, .04);
  --ui-shadow-md: 0 12px 32px rgba(6, 20, 27, .10);
  --studio-ink: #06141B;
  --studio-muted: #4A5C6A;
  --studio-paper: #F2F4F3;
  --studio-surface: #FFFFFF;
  --studio-line: #CCD0CF;
  --studio-line-soft: #E6E9E8;
  --studio-brand: #253745;
  --studio-brand-strong: #06141B;
  --studio-brand-soft: #E1E6E5;
  --studio-accent: #4A5C6A;
  --studio-sidebar-surface: #11212D;
  --studio-topbar: #FFFFFF;
  --studio-shadow-sm: 0 5px 16px rgba(6, 20, 27, .08);
  --studio-shadow-md: 0 18px 42px rgba(6, 20, 27, .14);
  --op-ink: #06141B;
  --op-muted: #4A5C6A;
  --op-line: #CCD0CF;
  --op-line-soft: #E6E9E8;
  --op-surface: #FFFFFF;
  --op-paper: #F2F4F3;
  --op-brand: #253745;
  --op-brand-deep: #06141B;
  --op-brand-soft: #E1E6E5;
  --op-teal: #4A5C6A;
  --op-teal-soft: #E9EEED;
  --op-shadow: 0 1px 2px rgba(6, 20, 27, .04), 0 10px 30px rgba(6, 20, 27, .07);
  --invite-ink: #06141B;
  --invite-muted: #4A5C6A;
  --invite-line: #CCD0CF;
  --invite-line-soft: #E6E9E8;
  --invite-surface: #FFFFFF;
  --invite-brand: #253745;
  --invite-brand-deep: #06141B;
  --invite-brand-soft: #E1E6E5;
  --invite-teal: #4A5C6A;
  --legal-ink: #06141B;
  --legal-ink-soft: #253745;
  --legal-muted: #4A5C6A;
  --legal-line: #CCD0CF;
  --legal-white: #FFFFFF;
  --legal-mint: #E1E6E5;
  --legal-mint-soft: #F2F4F3;
  --legal-green: #253745;
  --legal-green-strong: #06141B;
  --legal-blue: #253745;
  --legal-shadow: 0 14px 42px rgba(6, 20, 27, .10);
}

html[data-theme='dark'] {
  color-scheme: dark;
  --ink: #F1F4F3;
  --muted: #9BA8AB;
  --paper: #06141B;
  --surface: #11212D;
  --line: #253745;
  --line-soft: #1B2D38;
  --green: #CCD0CF;
  --green-dark: #FFFFFF;
  --mint: #253745;
  --mint-soft: #172A35;
  --shadow: 0 18px 48px rgba(0, 0, 0, .28);
  --brand: #CCD0CF;
  --brand-strong: #FFFFFF;
  --brand-deep: #FFFFFF;
  --brand-tint: #253745;
  --focus: rgba(204, 208, 207, .32);
  --ui-ink: #F1F4F3;
  --ui-muted: #9BA8AB;
  --ui-muted-soft: #9BA8AB;
  --ui-line: #253745;
  --ui-line-soft: #1B2D38;
  --ui-surface: #11212D;
  --ui-paper: #06141B;
  --ui-brand: #CCD0CF;
  --ui-brand-deep: #FFFFFF;
  --ui-brand-soft: #253745;
  --ui-teal: #9BA8AB;
  --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24), 0 2px 8px rgba(0, 0, 0, .18);
  --ui-shadow-md: 0 12px 32px rgba(0, 0, 0, .28);
  --studio-ink: #F1F4F3;
  --studio-muted: #9BA8AB;
  --studio-paper: #06141B;
  --studio-surface: #11212D;
  --studio-line: #253745;
  --studio-line-soft: #1B2D38;
  --studio-brand: #CCD0CF;
  --studio-brand-strong: #FFFFFF;
  --studio-brand-soft: #253745;
  --studio-accent: #9BA8AB;
  --studio-sidebar-surface: #06141B;
  --studio-topbar: #11212D;
  --studio-shadow-sm: 0 6px 18px rgba(0, 0, 0, .24);
  --studio-shadow-md: 0 20px 50px rgba(0, 0, 0, .32);
  --op-ink: #F1F4F3;
  --op-muted: #9BA8AB;
  --op-line: #253745;
  --op-line-soft: #1B2D38;
  --op-surface: #11212D;
  --op-paper: #06141B;
  --op-brand: #CCD0CF;
  --op-brand-deep: #FFFFFF;
  --op-brand-soft: #253745;
  --op-teal: #9BA8AB;
  --op-teal-soft: #1B2D38;
  --op-warn: #E3B97E;
  --op-warn-soft: #332519;
  --op-shadow: 0 1px 2px rgba(0, 0, 0, .24), 0 12px 34px rgba(0, 0, 0, .18);
  --invite-ink: #F1F4F3;
  --invite-muted: #9BA8AB;
  --invite-line: #253745;
  --invite-line-soft: #1B2D38;
  --invite-surface: #11212D;
  --invite-brand: #CCD0CF;
  --invite-brand-deep: #FFFFFF;
  --invite-brand-soft: #253745;
  --invite-teal: #9BA8AB;
  --legal-ink: #F1F4F3;
  --legal-ink-soft: #CCD0CF;
  --legal-muted: #9BA8AB;
  --legal-line: #253745;
  --legal-white: #11212D;
  --legal-mint: #253745;
  --legal-mint-soft: #172A35;
  --legal-green: #CCD0CF;
  --legal-green-strong: #FFFFFF;
  --legal-blue: #CCD0CF;
  --legal-shadow: 0 18px 48px rgba(0, 0, 0, .30);
}

/* Controle compartilhado Sol/Lua. A posição do disco tem a mesma leitura em
   qualquer tela e a animação acontece apenas no próprio componente. */
.theme-toggle {
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  width: 62px;
  min-width: 62px;
  height: 34px;
  min-height: 34px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--mint-soft);
  color: var(--ink);
  font: inherit;
  cursor: pointer;
  overflow: hidden;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.theme-toggle:hover { border-color: #4A5C6A; background: var(--brand-tint); box-shadow: 0 5px 14px rgba(6,20,27,.10); }
.theme-toggle:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.theme-toggle-floating { position: fixed; right: 18px; bottom: 18px; z-index: 90; box-shadow: var(--shadow); }
.theme-toggle-track { position: relative; display: block; width: 100%; height: 100%; border-radius: inherit; }
.theme-toggle-icons { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; place-items: center; z-index: 1; }
.theme-toggle-icon { display: grid; place-items: center; width: 26px; height: 26px; transition: color .22s ease, opacity .22s ease; }
.theme-toggle-icon svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle-icon-sun { color: #A46718; }
.theme-toggle-icon-moon { color: #4A5C6A; }
.theme-toggle-thumb { position: absolute; top: 1px; left: 1px; z-index: 2; width: 26px; height: 26px; border: 1px solid rgba(6,20,27,.08); border-radius: 50%; background: #FFFFFF; box-shadow: 0 2px 6px rgba(6,20,27,.18); pointer-events: none; transform: translateX(0); transition: transform .28s cubic-bezier(.34,1.38,.64,1), background .22s ease, border-color .22s ease; }
.theme-toggle[data-theme='dark'] .theme-toggle-thumb { border-color: rgba(204,208,207,.18); background: #CCD0CF; transform: translateX(28px); }
.theme-toggle[data-theme='dark'] .theme-toggle-icon-sun { color: #8B9A9D; opacity: .58; }
.theme-toggle[data-theme='dark'] .theme-toggle-icon-moon { color: #F1F4F3; }
.theme-toggle-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* As folhas anteriores usavam azul saturado nos focos. Esta camada vem por
   último para manter inclusive teclado, campos e links na paleta grafite. */
:where(input, textarea, select):focus-visible {
  outline: 3px solid var(--focus) !important;
  outline-offset: 2px !important;
  border-color: #4A5C6A !important;
  box-shadow: 0 0 0 3px var(--focus) !important;
}
:where(button, a, [tabindex]):focus-visible {
  outline: 3px solid var(--focus) !important;
  outline-offset: 2px !important;
}
label { color: var(--ink) !important; }

/* Plataforma autenticada */
body:not(.op-body):not(.studio-body):not(.auth-page):not(.legal-page):not(.invite-body):not(.lp) { background: var(--paper); color: var(--ink); }
.sidebar { background: #06141B !important; color: #CCD0CF !important; }
.brand-mark { background: #253745 !important; }
.brand-copy strong { color: #CCD0CF !important; }
.sidebar nav a { color: #9BA8AB !important; }
.sidebar nav a:hover,.sidebar nav a.active { background: rgba(204,208,207,.10) !important; color: #FFFFFF !important; }
.sidebar nav a.active { box-shadow: inset 3px 0 #CCD0CF !important; }
.sidebar-footer { border-top-color: rgba(204,208,207,.14) !important; }
.company-label strong { color: #CCD0CF !important; }
.company-label span,.quiet { color: #9BA8AB !important; }
.quiet:hover { color: #FFFFFF !important; }
.theme-toggle-sidebar { width: 62px; min-width: 62px; margin: 0 0 10px; border-color: rgba(204,208,207,.20); background: rgba(255,255,255,.04); color: #CCD0CF; }
.theme-toggle-sidebar:hover { border-color: rgba(204,208,207,.44); background: rgba(255,255,255,.09); color: #FFFFFF; }
.workspace,.page-header { background: transparent; color: var(--ink); }
.page-header h1,.card h2,.card h3,.section-head h2,.section-head h3,.detail-header h2,.form-heading h2 { color: var(--ink); }
.eyebrow,.text-button,.section-head a { color: var(--brand) !important; }
.primary { background: #253745 !important; color: #FFFFFF !important; }
.primary:hover { background: #06141B !important; }
.secondary,.tool-button { background: var(--surface) !important; border-color: var(--line) !important; color: var(--ink) !important; }
.secondary:hover,.tool-button:hover { border-color: #4A5C6A !important; background: var(--mint-soft) !important; }
.user-chip { background: var(--mint) !important; color: var(--ink); }
.avatar { background: var(--mint) !important; color: var(--ink) !important; }
.stat,.card,.resource-card,.table-wrap,.editor-shell,.document-sheet,.modal-box,.audit-list { background: var(--surface) !important; border-color: var(--line) !important; box-shadow: var(--shadow); }
.welcome-strip { background: linear-gradient(120deg, var(--mint), var(--surface)) !important; border-color: var(--line) !important; }
.welcome-strip p:last-child,.stat label,.resource-card p,.resource-card small,.row-main small,.table-title small,.person-cell small,.detail-header p,.muted { color: var(--muted) !important; }
input,textarea,select { background: var(--surface) !important; border-color: var(--line) !important; color: var(--ink) !important; }
input:focus,textarea:focus,select:focus { border-color: #4A5C6A !important; box-shadow: 0 0 0 3px var(--focus) !important; }
.editor-topbar,.properties-panel,.properties-head,.editor-status,.data-table th,.validation-item { background: var(--mint-soft) !important; border-color: var(--line) !important; color: var(--ink); }
.editor-canvas { background-color: var(--surface) !important; background-image: radial-gradient(var(--line) 1px, transparent 1px) !important; }
.djs-palette,.djs-palette .entry { border-color: var(--line) !important; background: var(--surface); }
.djs-palette .entry:hover { background: var(--mint) !important; }
.resource-card:hover { border-color: #4A5C6A !important; box-shadow: var(--shadow) !important; }
.row-link { background: var(--mint) !important; color: var(--ink) !important; }
.company-access-note { display: inline-flex; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--muted); font-size: 11px; font-weight: 700; }

/* Autenticação */
body.auth-page { background: radial-gradient(circle at 82% 5%, #253745 0, transparent 31%), #06141B !important; }
.brand-panel { background: linear-gradient(135deg, #E1E6E5, #CCD0CF) !important; }
.auth-card { background: var(--surface) !important; color: var(--ink); }
.theme-toggle-auth { margin: 0 0 18px; }
.auth-card .primary { background: #253745 !important; }
.auth-card .primary:hover { background: #06141B !important; }
.auth-card .auth-tabs button.active { border-color: #253745 !important; color: #06141B !important; }
.auth-card .legal-acceptance input { accent-color: #253745 !important; }

/* Estúdio */
.theme-toggle-studio { min-height: 34px; }
html[data-theme='dark'] .studio-body,
html[data-theme='dark'] .studio-shell,
html[data-theme='dark'] .studio-editor,
html[data-theme='dark'] .studio-canvas-wrap,
html[data-theme='dark'] .studio-canvas { background-color: var(--studio-paper); color: var(--studio-ink); }
html[data-theme='dark'] .studio-canvas-wrap,
html[data-theme='dark'] .studio-canvas { background-image: radial-gradient(#526976 1px, transparent 1px) !important; }
html[data-theme='dark'] .studio-topbar,
html[data-theme='dark'] .studio-tools,
html[data-theme='dark'] .studio-statusbar,
html[data-theme='dark'] .studio-menu,
html[data-theme='dark'] .studio-sheet { background: var(--studio-surface) !important; border-color: var(--studio-line) !important; color: var(--studio-ink); }
html[data-theme='dark'] .studio-button,
html[data-theme='dark'] .studio-icon-button,
html[data-theme='dark'] .studio-quiet-button,
html[data-theme='dark'] .studio-name-field input { background: var(--studio-surface) !important; border-color: var(--studio-line) !important; color: var(--studio-ink) !important; }
html[data-theme='dark'] .studio-projects li,
html[data-theme='dark'] .studio-plan-bar { border-color: var(--studio-line) !important; }
html[data-theme='dark'] .studio-plan-bar[data-tone='free'] { background: #172A35 !important; color: #DCE5E2 !important; }
html[data-theme='dark'] .studio-plan-bar[data-tone='paid'] { background: #173229 !important; color: #D8EEE2 !important; }
html[data-theme='dark'] .studio-canvas .djs-palette { border-color: #415664 !important; background: #11212D !important; box-shadow: 0 12px 28px rgba(0,0,0,.26); }
html[data-theme='dark'] .studio-canvas .djs-palette .entry { border-color: #253745 !important; background: #11212D !important; color: #E7EFEC !important; }
html[data-theme='dark'] .studio-canvas .djs-palette .entry:hover,
html[data-theme='dark'] .studio-canvas .djs-palette .entry.highlighted { background: #253745 !important; color: #FFFFFF !important; }
html[data-theme='dark'] .studio-canvas .djs-palette .entry::before,
html[data-theme='dark'] .studio-canvas .djs-context-pad .entry::before { color: inherit !important; }
html[data-theme='dark'] .studio-canvas .djs-context-pad .entry { border: 1px solid #415664 !important; border-radius: 7px; background: #253745 !important; color: #F1F4F3 !important; box-shadow: 0 5px 12px rgba(0,0,0,.24); }
html[data-theme='dark'] .studio-canvas .djs-context-pad .entry:hover { background: #4A5C6A !important; }
html[data-theme='dark'] .studio-canvas .djs-element.studio-default-diagram-color.djs-connection .djs-visual > path:not(.djs-hit) { stroke: #C7D3D0 !important; }
html[data-theme='dark'] .studio-canvas .djs-label { fill: #F1F4F3 !important; stroke: #06141B; stroke-width: 1.8px; paint-order: stroke; stroke-linejoin: round; }
html[data-theme='dark'] .studio-canvas .djs-element.selected .djs-visual > :is(rect,circle,ellipse,polygon,path,line,polyline) { stroke: #E1E6E5 !important; stroke-width: 2.4px !important; }

/* Administração */
.op-sidebar { background: #06141B !important; }
.op-sidebar .op-brand > span:first-child,.op-admin-avatar { color: #CCD0CF !important; }
.op-admin-avatar { background: #253745 !important; }
.op-nav button[aria-selected='true'] { background: #CCD0CF !important; color: #06141B !important; }
.op-nav button[aria-selected='true'] > span { color: #253745 !important; }
.op-header { background: color-mix(in srgb, var(--op-surface) 93%, transparent) !important; }
.op-header-actions { display: flex; align-items: center; gap: 12px; }
.theme-toggle-admin { min-height: 34px; }
.op-kpi-primary { border-color: #06141B !important; background: #06141B !important; }
.op-kpi-primary .op-metric-icon { color: #CCD0CF !important; }
.op-card-accent,.op-note { border-color: var(--op-line) !important; background: var(--op-brand-soft) !important; }
.op-svg-bar,.op-svg-line-views,.op-legend-views { fill: #253745 !important; stroke: #253745 !important; background: #253745 !important; }
.op-svg-line,.op-svg-point,.op-svg-point-views { stroke: #253745 !important; }
.op-svg-line-visitors,.op-svg-point-visitors,.op-legend-visitors { stroke: #4A5C6A !important; background: #4A5C6A !important; }
.op-svg-grid { stroke: var(--op-line-soft) !important; }
.op-svg-axis,.op-svg-label,.op-svg-value { fill: var(--op-muted) !important; }
.op-button-primary { background: #253745 !important; }
.op-button-primary:hover:not(:disabled) { background: #06141B !important; }
.op-table tbody tr:hover { background: var(--op-brand-soft) !important; }
.op-copy,.op-link { color: var(--op-brand-deep) !important; }
html[data-theme='dark'] .op-sidebar .op-nav button[aria-selected='true'] { background: #CCD0CF !important; color: #06141B !important; }
html[data-theme='dark'] .op-kpi strong,html[data-theme='dark'] .op-panel-card h3,html[data-theme='dark'] .op-table strong { color: var(--op-ink) !important; }
html[data-theme='dark'] .op-kpi-primary strong { color: #FFFFFF !important; }
html[data-theme='dark'] .op-donut::after { background: var(--op-surface) !important; box-shadow: inset 0 0 0 1px var(--op-line) !important; }
html[data-theme='dark'] .op-table th,html[data-theme='dark'] .op-recent .op-table th,html[data-theme='dark'] .op-chart-empty { background: var(--op-paper) !important; }
html[data-theme='dark'] .op-chart-empty { border-color: var(--op-line) !important; }
html[data-theme='dark'] .op-system-tile[data-state='attention'] { border-color: #674b2e; }

/* Formulários e listagens da aplicação têm alguns fundos herdados de folhas
   anteriores. Estas regras finais preservam hierarquia e leitura no escuro. */
html[data-theme='dark'] .people-tabs,
html[data-theme='dark'] .company-access-card,
html[data-theme='dark'] .organization-tree-card,
html[data-theme='dark'] .organization-list-card,
html[data-theme='dark'] .structure-metrics article,
html[data-theme='dark'] .lookup-field,
html[data-theme='dark'] .form-fieldset,
html[data-theme='dark'] .invite-details { background: var(--surface) !important; border-color: var(--line) !important; }
html[data-theme='dark'] .people-tabs a.active,
html[data-theme='dark'] .position-row:hover,
html[data-theme='dark'] .org-node:hover,
html[data-theme='dark'] .lookup-field input[type='search'] { background: #172A35 !important; border-color: #4A5C6A !important; color: #F1F4F3 !important; }
html[data-theme='dark'] .people-tabs a.active,
html[data-theme='dark'] .form-fieldset legend,
html[data-theme='dark'] .position-row-icon { color: #DCE5E2 !important; }
html[data-theme='dark'] .position-row,
html[data-theme='dark'] .org-node { background: #11212D !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme='dark'] .position-row small,
html[data-theme='dark'] .org-node small,
html[data-theme='dark'] .table-subtext,
html[data-theme='dark'] .lookup-field small { color: var(--muted) !important; }

/* Convites e documentos jurídicos */
html[data-theme='dark'] .invite-body,html[data-theme='dark'] .legal-page { background: #06141B !important; color: var(--invite-ink); }
html[data-theme='dark'] .invite-card,html[data-theme='dark'] .legal-document,html[data-theme='dark'] .legal-toc,html[data-theme='dark'] .legal-header { background: var(--invite-surface) !important; border-color: var(--invite-line) !important; }
html[data-theme='dark'] .legal-hero { background: #11212D !important; }
html[data-theme='dark'] .legal-site-nav,html[data-theme='dark'] .legal-header a { color: var(--legal-ink) !important; }

/* Landing */
body.lp { background: #F2F4F3 !important; color: #06141B !important; }
.lp-header { border-color: #CCD0CF !important; background: rgba(242,244,243,.92) !important; }
.lp-brand { color: #06141B !important; }
.lp-brand strong,.lp-kicker,.lp-text-link { color: #253745 !important; }
.lp-brand-mark { color: #253745 !important; }
.lp-button-solid { background: #253745 !important; border-color: #253745 !important; color: #FFFFFF !important; box-shadow: 0 12px 24px rgba(6,20,27,.16) !important; }
.lp-button-solid:hover { background: #06141B !important; }
.lp-button-ghost,.lp-button-quiet { border-color: #9BA8AB !important; color: #253745 !important; background: rgba(255,255,255,.55) !important; }
.theme-toggle-landing { margin: 0 2px; }
html[data-theme='dark'] body.lp { background: #06141B !important; color: #F1F4F3 !important; }
html[data-theme='dark'] .lp-header { background: rgba(6,20,27,.92) !important; border-color: #253745 !important; }
html[data-theme='dark'] .lp-brand,html[data-theme='dark'] .lp-nav > a:not(.lp-button),html[data-theme='dark'] .lp-hero h1,html[data-theme='dark'] .lp-section h2 { color: #F1F4F3 !important; }
html[data-theme='dark'] .lp-hero,html[data-theme='dark'] .lp-section,html[data-theme='dark'] .lp-window,html[data-theme='dark'] .lp-card,html[data-theme='dark'] .lp-plan { background-color: #11212D !important; border-color: #253745 !important; }
html[data-theme='dark'] .lp-lead,html[data-theme='dark'] .lp-section p,html[data-theme='dark'] .lp-nav > a:not(.lp-button) { color: #9BA8AB !important; }
html[data-theme='dark'] .lp-button-ghost,html[data-theme='dark'] .lp-button-quiet { border-color: #4A5C6A !important; background: #172A35 !important; color: #CCD0CF !important; }
html[data-theme='dark'] .lp-brand strong,
html[data-theme='dark'] .lp-brand-mark,
html[data-theme='dark'] .lp-kicker,
html[data-theme='dark'] .lp-text-link { color: #DCE5E2 !important; }
html[data-theme='dark'] .lp-nav > a:not(.lp-button) { color: #C2CECA !important; }
html[data-theme='dark'] .lp-window-bar,
html[data-theme='dark'] .lp-window-foot { background: #172A35 !important; border-color: #354B58 !important; color: #E2EAE7 !important; }
html[data-theme='dark'] .lp-window-main { background-color: #0B1B25 !important; }

@media (max-width: 820px) {
  .theme-toggle-landing { width: 62px; margin: 8px 0 0; }
}