/* Vera workspace + specialists, 2026-09-12. Presentation only.
   Append after the current route CSS. No visibility, positioning, overflow, disabled opacity, or semantic state
   colors change. The enterprise header keeps its existing controls in one row.
   Landing-page composition and the campaign banner are intentionally excluded. */
:root {
  --vst-bg:#211625;
  --vst-panel:#2a1e2e;
  --vst-glass:rgba(255,247,255,.045);
  --vst-raised:rgba(255,247,255,.075);
  --vst-text:#f5eff4;
  --vst-muted:#c2b3c7;
  --vst-lavender:#d9b4da;
  --vst-line:rgba(232,207,238,.18);
  --vst-input:#302333;
  --vst-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Personal conversations: existing drawers, composer and viewport stay put. */
#vera-app {
  --paper:var(--vst-bg);--paper-2:var(--vst-panel);--white:var(--vst-panel);
  --ink:var(--vst-text);--muted:var(--vst-muted);--line:var(--vst-line);
  color:var(--vst-text);background:var(--vst-bg);font-family:var(--vst-font);
  color-scheme:dark;
}
body:has(#vera-app:not(.hidden)) {background:var(--vst-bg);}
body:has(#vera-app:not(.hidden)) > .site-header {
  color:var(--vst-text);background:rgba(33,22,37,.94);
  border-color:var(--vst-line);box-shadow:none;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
body:has(#vera-app:not(.hidden)) .site-header :is(.brand-wordmark,.quiet-button,.top-nav a) {color:var(--vst-text);}
body:has(#vera-app:not(.hidden)) .site-header .brand-wordmark span {color:var(--vst-lavender);}
#vera-app :is(.conversation-shell,.conversation-topbar,.composer,.project-tabs,.sidebar-project-controls,.simple-drawer-header) {
  color:var(--vst-text);background:var(--vst-bg);border-color:var(--vst-line);box-shadow:none;
}
#vera-app :is(#side-panel,#utility-panel) {
  color:var(--vst-text);background:rgba(37,25,41,.98);border-color:var(--vst-line);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
#vera-app :is(.panel-section,.panel-card,.simple-disclosure,.email-sources,.web-research,.code-analysis,.productivity) {border-color:var(--vst-line);}
#vera-app :is(.simple-drawer-intro,.simple-help,.simple-composer-guide,.source-consent,.composer-hint,.voice-status,.conversation-context h2) {color:var(--vst-muted);}
#vera-app :is(.conversation-topbar h2,.sidebar-project-controls h2,.empty-state h2) {font-family:var(--vst-font);font-weight:650;letter-spacing:-.025em;}
#vera-app .panel-heading h2 {font-size:13px;line-height:1.45;letter-spacing:.08em;}
#vera-app :is(.mini-label,.project-list-label,.current-project-name,.panel-card .type,.empty-wordmark) {color:var(--vst-lavender);}
#vera-app :is(.project-item,.conversation-item,.panel-toggle,.simple-button,.simple-disclosure>summary,.quiet-action,.small-action,.voice-toggle) {
  color:var(--vst-text);font-family:var(--vst-font);font-size:14px;line-height:1.45;
}
#vera-app :is(.project-item,.conversation-item,.simple-button,.voice-toggle,.icon-button,.sidebar-project-tabs button) {
  border-radius:10px;min-height:44px;
}
#vera-app :is(.project-item.active,.conversation-item.active,.communication-style-prominent,.simple-disclosure[open]>summary) {
  background:rgba(217,180,218,.1);color:var(--vst-lavender);
}
#vera-app :is(.simple-button,.voice-toggle,.icon-button,.sidebar-project-tabs button) {
  background:transparent;border-color:var(--vst-line);color:var(--vst-text);
}
#vera-app :is(.project-item,.conversation-item,.simple-button,.voice-toggle):not(:disabled):hover {
  background:var(--vst-raised);border-color:rgba(217,180,218,.5);
}
#vera-app :is(.sidebar-project-tabs button[aria-selected="true"],.mode-choices button.active,.voice-toggle[aria-pressed="true"]) {
  background:var(--vst-lavender);border-color:var(--vst-lavender);color:var(--vst-bg);
}
#vera-app :is(.simple-disclosure>summary,.simple-button,.quiet-action,.voice-toggle,.attach-button) {text-underline-offset:4px;}
#vera-app :is(.panel-card,.project-search-results button,.email-provider,.email-body,.email-attachments li,.mailbox-send-review,.web-research-result li,.code-analysis-result section,.code-analysis-result li,.productivity-provider,.productivity-item,.productivity-action-review,.productivity-native-fields) {
  color:var(--vst-text);background:var(--vst-glass);border-color:var(--vst-line);border-radius:12px;box-shadow:none;
}
#vera-app :is(.email-provider.connected,.productivity-provider.connected,.productivity-context) {
  background:rgba(217,180,218,.09);border-color:rgba(217,180,218,.38);
}
#vera-app :is(.email-back,.panel-card button,.email-message-detail a,.web-research-result a,.code-analysis-result li a,.productivity-provider button,.productivity-item button,.productivity-context button,.mailbox-send summary,.productivity-actions summary) {color:var(--vst-lavender);}
#vera-app :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),textarea,select) {
  background:var(--vst-input);color:var(--vst-text);border-color:var(--vst-line);
  border-radius:10px;font-family:var(--vst-font);font-size:16px;line-height:1.45;
}
#vera-app :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select) {min-height:44px;}
#vera-app :is(input,textarea)::placeholder {color:var(--vst-muted);}
#vera-app :is(.composer textarea,.project-workspace-view textarea) {border-radius:12px;}
#vera-app :is(#send-message,.communication-style-actions button:first-child,.mailbox-send-form button,.web-research-form button,.code-analysis-form button,.productivity-data-form button,.productivity-action-form>button) {
  background:var(--vst-lavender);color:var(--vst-bg);border:1px solid var(--vst-lavender);
  border-radius:10px;font-family:var(--vst-font);font-size:14px;font-weight:650;min-height:44px;
}
#vera-app :is(#send-message,.communication-style-actions button:first-child,.mailbox-send-form button,.web-research-form button,.code-analysis-form button,.productivity-data-form button,.productivity-action-form>button):not(:disabled):hover {background:#e6c7e7;border-color:#e6c7e7;}
#vera-app :is(.attach-button,.mode-choices button,.communication-style-actions button:last-child) {
  background:var(--vst-glass);color:var(--vst-lavender);border-color:var(--vst-line);border-radius:10px;
}
#vera-app .simple-disclosure-content .mode-choices button.active {background:var(--vst-lavender);color:var(--vst-bg);}
#vera-app .simple-disclosure-content .communication-style-status {color:var(--vst-lavender)!important;}
#vera-app .simple-disclosure-content .communication-slider output {color:var(--vst-lavender);}
/* Alignment owns the chat canvas. Dark message surfaces stay readable in every band. */
#vera-app .messages {
  --alignment-chat-background:#5b3a8c;
  --alignment-chat-ink:#f5eff4;
  --chat-ink:var(--alignment-chat-ink);
  --chat-muted:var(--alignment-chat-ink);
  --chat-border:color-mix(in srgb,var(--alignment-chat-ink) 28%,transparent);
  --chat-surface:#302d34;
  --chat-thinking-bg:#302d34;
  background:var(--alignment-chat-background);
  color:var(--alignment-chat-ink);
}
#vera-app .messages[data-alignment-band="warning"] {
  --alignment-chat-background:#f4d03f;--alignment-chat-ink:#211625;
}
#vera-app .messages[data-alignment-band="orange"] {
  --alignment-chat-background:#e67e22;--alignment-chat-ink:#211625;
}
#vera-app .messages[data-alignment-band="red"] {
  --alignment-chat-background:#e74c3c;--alignment-chat-ink:#211625;
}
#vera-app.simple-start.simple-empty .messages {
  background:var(--alignment-chat-background)!important;color:var(--alignment-chat-ink)!important;
}
#vera-app .messages .message .message-body {
  --chat-ink:#f5eff4;--chat-muted:#c2b3c7;--chat-border:rgba(232,207,238,.25);
  --chat-choice-bg:#d9b4da;--chat-choice-text:#211625;
  background:rgba(35,22,46,.72);color:var(--chat-ink);border:1px solid rgba(232,207,238,.22);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-radius:12px;padding:16px 18px;
}
#vera-app .messages .message.vera.speak {background:transparent;border-color:var(--chat-border);}
#vera-app .messages .message-body a {color:#d9b4da;}
#vera-app .messages .thinking-message .message-body {padding:8px 12px;}
#vera-app .messages .message-body :is(a,button):focus-visible {outline:2px solid #d9b4da;outline-offset:4px;}
#vera-app .messages .empty-state :is(h2,p),
#vera-app.simple-start .messages .empty-state :is(h2,p),
#vera-app .messages .empty-chat :is(h2,p),
#vera-app.simple-start .messages .simple-welcome {color:var(--alignment-chat-ink);}
@media(max-width:600px) {#vera-app .messages .message:not(.thinking-message) .message-body {padding:14px;}}
@media(prefers-reduced-motion:reduce) {#vera-app .messages {transition:none;}}
#vera-app.simple-start .empty-state h2 {color:var(--vst-text);font-family:var(--vst-font);font-weight:650;}
#vera-app.simple-start :is(.simple-welcome,.empty-state p) {color:var(--vst-muted);}
#vera-app .message-body p {font-family:var(--vst-font);font-size:clamp(16px,1.4vw,19px);line-height:1.65;}
#vera-app .message.human .message-body {border-radius:12px;}
#vera-app .message.vera.speak {border-radius:12px;}
#vera-app .message-body>.card-actions button {border-radius:10px;min-height:44px;font-size:13px;}
#vera-app .message-role {font-family:var(--vst-font);font-size:11px;}
#vera-app :is(.web-research-answer,.code-analysis-answer) {font-family:var(--vst-font);line-height:1.65;}
#vera-app :is(.simple-button,.simple-disclosure>summary,.project-item,.conversation-item,.attach-button,input,textarea,select):focus-visible {
  outline:2px solid var(--vst-lavender);outline-offset:3px;
}
#vera-app :is(#utility-panel-toggle,#current-read,#close-utility,#refresh-email-connections) {
  color:var(--vst-lavender);background:var(--vst-glass);border:1px solid var(--vst-line);
  border-radius:10px;min-height:44px;
}
#vera-app :is(#utility-panel-toggle,#current-read,#close-utility,#refresh-email-connections):not(:disabled):hover {background:var(--vst-raised);}
#vera-app .panel-toggle b {color:var(--vst-lavender);background:rgba(217,180,218,.12);}
#vera-app :is(.email-consent,.utility-status,.analysis-boundary,.source-consent) {font-size:13px;line-height:1.55;}

/* Personal dialogs, including sign-in, use existing IDs and native behavior. */
body:has(#vera-app) > :is(#auth-dialog,#memory-dialog,#project-dialog,#move-conversation-dialog,#delete-project-dialog,#outcome-dialog,#alignment-override-dialog) {
  --paper:var(--vst-bg);--white:var(--vst-panel);--ink:var(--vst-text);--muted:var(--vst-muted);--line:var(--vst-line);
  background:var(--vst-panel);color:var(--vst-text);border-color:var(--vst-line);border-radius:14px;
  font-family:var(--vst-font);box-shadow:0 24px 80px rgba(0,0,0,.36);color-scheme:dark;
}
body:has(#vera-app) > .dialog :is(h2,label) {font-family:var(--vst-font);}
body:has(#vera-app) > .dialog :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
  background:var(--vst-input);color:var(--vst-text);border-color:var(--vst-line);border-radius:10px;font-size:16px;
}
body:has(#vera-app) > .dialog :is(.primary-button,#auth-submit) {
  color:var(--vst-bg);background:var(--vst-lavender);border-color:var(--vst-lavender);border-radius:10px;min-height:46px;
}
body:has(#vera-app) > .dialog :is(.dialog-close,.text-button,.quiet-button) {color:var(--vst-lavender);}
body:has(#vera-app) > .dialog :is(.eyebrow,#start-signup) {color:var(--vst-lavender);}
body:has(#vera-app) > .dialog :is(input,textarea)::placeholder {color:var(--vst-muted);}
body:has(#vera-app) > .dialog :is(a,button,input,textarea,select):focus-visible {outline:2px solid var(--vst-lavender);outline-offset:3px;}
body:has(#vera-app) > .dialog::backdrop {background:rgba(12,7,15,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
/* Existing red error text stays red, on a pale readable error surface. */
#vera-app :is(.analysis-error,.form-message.error,.danger-copy):not(:empty),
body:has(#vera-app) > .dialog :is(.form-message.error,.danger-copy):not(:empty) {background:#fff0ed;border-radius:8px;padding:8px 10px;}

/* VERAFIED doorway and all eleven specialist pages. */
html[data-institution="verafied"] {
  --paper:var(--vst-bg);--cream:#2b1d30;--ink:var(--vst-text);--line:var(--vst-line);
  --is-paper:var(--vst-bg);--is-panel:var(--vst-panel);--is-ink:var(--vst-text);--is-muted:var(--vst-muted);--is-line:var(--vst-line);
  --is-font:var(--vst-font);color-scheme:dark;background:var(--vst-bg);
}
html[data-institution="verafied"] body,
html[data-institution="verafied"] body.verafied-home {background:var(--vst-bg);color:var(--vst-text);font-family:var(--vst-font);}
html[data-institution="verafied"] body > .topbar,
html[data-institution="verafied"] body.verafied-home > .topbar {
  background:rgba(33,22,37,.92);color:var(--vst-text);border-color:var(--vst-line);box-shadow:none;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
html[data-institution="verafied"] :is(.topbar>a span,.eyebrow,.vera-label,.vera-label span,.domain-card small) {color:var(--vst-lavender);}
html[data-institution="verafied"] .topbar nav a {font-size:13px;line-height:1.45;font-weight:550;text-underline-offset:4px;}
html[data-institution="verafied"] .topbar nav a:hover {color:var(--vst-lavender);}
html[data-institution="verafied"] :is(.entry h1,.hero h1,.section-copy h2,.process h2,.specialists h2) {
  color:var(--vst-text);font-family:var(--vst-font);font-weight:650;line-height:1.09;letter-spacing:-.045em;
}
html[data-institution="verafied"] :is(.entry h1,.hero h1) em {color:var(--vst-lavender);font-weight:inherit;}
html[data-institution="verafied"] .entry h1 {font-size:clamp(40px,5.5vw,76px);}
html[data-institution="verafied"] :is(.entry-subhead,.supporting,.specialists-title>span,.small-process li,.specialist-card p,.verafied-home footer) {color:var(--vst-muted);}
html[data-institution="verafied"] .entry-subhead {line-height:1.65;}
html[data-institution="verafied"] .doorway .composer {
  background:var(--vst-glass);color:var(--vst-text);border:1px solid var(--vst-line);border-radius:14px;box-shadow:none;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
html[data-institution="verafied"] .doorway .composer:focus-within {border-color:var(--vst-lavender);box-shadow:0 0 0 3px rgba(217,180,218,.12);}
html[data-institution="verafied"] .doorway .composer textarea {background:transparent;color:var(--vst-text);font-family:var(--vst-font);font-size:18px;line-height:1.6;}
html[data-institution="verafied"] .doorway .composer textarea::placeholder {color:var(--vst-muted);}
html[data-institution="verafied"] .vera-label {font-family:var(--vst-font);}
html[data-institution="verafied"] .ask-button {background:var(--vst-lavender);color:var(--vst-bg);border-radius:10px;}
html[data-institution="verafied"] .ask-button:not(:disabled):hover {background:#e6c7e7;}
html[data-institution="verafied"] :is(.specialist-card,.domain-card) {
  background:var(--vst-glass);color:var(--vst-text);border-color:var(--vst-line);border-radius:12px;box-shadow:none;
}
html[data-institution="verafied"] :is(.specialist-card,.domain-card):hover {background:var(--vst-raised);border-color:rgba(217,180,218,.5);}
html[data-institution="verafied"] :is(.specialist-card,.domain-card) h3 {font-family:var(--vst-font);font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.25;}
html[data-institution="verafied"] .specialist-card p {font-size:14px;line-height:1.55;}
html[data-institution="verafied"] :is(.card-mark,.card-arrow) {color:color-mix(in srgb,var(--accent,#d9b4da) 55%,#fff);}
html[data-institution="verafied"] :is(.small-process,.doorway .answer,footer) {border-color:var(--vst-line);}
html[data-institution="verafied"] .small-process li:before {color:var(--vst-lavender);}
html[data-institution="verafied"] .doorway .answer {background:var(--vst-glass);border-left-color:var(--vst-lavender);border-radius:0 12px 12px 0;}
html[data-institution="verafied"] .process {background:#291c2d;color:var(--vst-text);}
html[data-institution="verafied"] .process :is(.eyebrow,strong) {color:var(--vst-lavender);}
html[data-institution="verafied"] .process ol {background:var(--vst-line);border:1px solid var(--vst-line);border-radius:12px;}
html[data-institution="verafied"] .process li {background:var(--vst-bg);border-radius:11px;}
html[data-institution="verafied"] .process li span {color:var(--vst-muted);line-height:1.65;}
html[data-institution="verafied"] .section-copy p > a.domain-card {background:var(--vst-lavender);color:var(--vst-bg);min-height:48px;padding:14px 22px;border-color:var(--vst-lavender);border-radius:10px;}
html[data-institution="verafied"] :is(.topbar,.doorway,.hero,.domains,.process,footer) :is(a,button,input,textarea,summary):focus-visible {outline:2px solid var(--vst-lavender);outline-offset:4px;}

/* Organization overview and its existing interactive workspace example. */
body:has(> .org-header),body:has(#organization-form) {
  --paper:var(--vst-bg);--panel:var(--vst-panel);--ink:var(--vst-text);--muted:var(--vst-muted);--line:var(--vst-line);
  color:var(--vst-text);background:var(--vst-bg);font-family:var(--vst-font);color-scheme:dark;
}
body:has(> .org-header) > .org-header,body:has(#organization-form) > .topbar {
  color:var(--vst-text);background:rgba(33,22,37,.94);border-color:var(--vst-line);box-shadow:none;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
body:has(> .org-header) .wordmark span,body:has(#organization-form) > .topbar > a span {color:var(--vst-lavender);}
body:has(> .org-header) :is(h1,h2),body:has(#organization-form) :is(.onboarding h1,.work-surface>h1,.setup-panel h2) {
  color:var(--vst-text);font-family:var(--vst-font);font-weight:650;line-height:1.1;letter-spacing:-.04em;
}
body:has(> .org-header) :is(.eyebrow,.rail-label),body:has(#organization-form) :is(.eyebrow,.rail-label) {color:var(--vst-lavender);}
body:has(> .org-header) :is(.quiet-link,.left-rail p,.left-rail small,.example-note),body:has(#organization-form) :is(.helper,.panel-context,.left-rail small) {color:var(--vst-muted);line-height:1.6;}
body:has(> .org-header) .workspace {background:var(--vst-bg);border:1px solid var(--vst-line);border-radius:14px;box-shadow:none;}
body:has(> .org-header) :is(.left-rail,.right-rail),body:has(#organization-form) :is(.left-rail,.right-rail) {
  background:rgba(255,247,255,.025);color:var(--vst-text);border-color:var(--vst-line);
}
body:has(#organization-form) #work {background:transparent;}
body:has(> .org-header) :is(.vera-message,.decision-card,.receipt),body:has(#organization-form) :is(.work-card,.setup-panel) {
  background:var(--vst-glass);color:var(--vst-text);border-color:var(--vst-line);border-radius:12px;box-shadow:none;
}
body:has(> .org-header) .receipt {border-left-color:var(--vst-lavender);}
body:has(> .org-header) :is(.hero-actions a,#replay,.scenario-tabs button,.decision-card button),
body:has(#organization-form) :is(form button,.mobile-control,.information-control) {
  min-height:44px;border:1px solid var(--vst-line);border-radius:10px;background:var(--vst-glass);color:var(--vst-text);
  font-family:var(--vst-font);font-size:14px;font-weight:650;line-height:1.4;letter-spacing:0;
}
body:has(> .org-header) :is(.hero-actions .primary,.scenario-tabs button[aria-pressed="true"]),
body:has(#organization-form) form button:not(.secondary) {background:var(--vst-lavender);border-color:var(--vst-lavender);color:var(--vst-bg);}
body:has(> .org-header) :is(.hero-actions .primary,.scenario-tabs button):not(:disabled):hover,
body:has(#organization-form) form button:not(.secondary):not(:disabled):hover {background:#e6c7e7;border-color:#e6c7e7;color:var(--vst-bg);}
body:has(> .org-header) .right-rail details,body:has(#organization-form) .right-rail details {border-color:var(--vst-line);}
body:has(> .org-header) .right-rail summary,body:has(#organization-form) .right-rail summary {font-size:15px;font-weight:600;}
body:has(> .org-header) .free-copy {background:#291c2d;}
body:has(> .org-header) .free-copy h2 {color:var(--vst-text);}
body:has(#organization-form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select) {
  color:var(--vst-text);background:var(--vst-input);border:1px solid var(--vst-line);border-radius:10px;font-size:16px;line-height:1.45;
}
body:has(#organization-form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select) {min-height:44px;}
body:has(#organization-form) :is(input,textarea)::placeholder {color:var(--vst-muted);}
body:has(#organization-form) .left-rail button {min-height:44px;font-size:14px;}
body:has(#organization-form) .left-rail button.active {color:var(--vst-lavender);background:rgba(217,180,218,.1);}
body:has(#organization-form) .left-rail button:not(:disabled):hover {background:var(--vst-raised);}
body:has(#organization-form) #vera-form {
  background:rgba(42,30,46,.96);border-color:var(--vst-line);box-shadow:none;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
body:has(#organization-form) .form-state:not(:empty) {background:#fff0ed;border-radius:8px;padding:8px 10px;}
/* Four existing header controls keep one row when the readable selector grows. */
body:has(#organization-form) > .topbar {grid-template-columns:auto minmax(160px,1fr) auto auto;gap:18px;}
body:has(#organization-form) .context-switcher {display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;}
body:has(#organization-form) .context-switcher > span {color:var(--vst-lavender);}
body:has(#organization-form) .context-switcher > select {max-width:100%;}
body:has(> .org-header) :is(.org-header,.org-hero,.workspace-example,.free-copy) :is(a,button,input,textarea,select,summary):focus-visible,
body:has(#organization-form) :is(a,button,input,textarea,select,summary):focus-visible {outline:2px solid var(--vst-lavender);outline-offset:3px;}

/* Master dashboard: preserve its outer orange/red/warning alignment band. */
body:has(main > #composer > #command) {font-family:var(--vst-font);color:var(--vst-text);color-scheme:dark;}
body:has(main > #composer > #command):not([data-alignment-band="warning"]):not([data-alignment-band="orange"]):not([data-alignment-band="red"]) {background:var(--vst-bg);}
body:has(main > #composer > #command) > header {background:rgba(33,22,37,.86);color:var(--vst-text);border-color:var(--vst-line);}
body:has(main > #composer > #command) > main {
  color:var(--vst-text);background:var(--vst-panel);border:1px solid var(--vst-line);border-radius:14px;
  padding:clamp(20px,3vw,32px);box-shadow:none;
}
body:has(main > #composer > #command) main :is(input,textarea,select) {
  color:var(--vst-text);background:var(--vst-input);border-color:var(--vst-line);border-radius:10px;font-size:16px;
}
body:has(main > #composer > #command) main :is(input,textarea)::placeholder {color:var(--vst-muted);}
body:has(main > #composer > #command) main button {background:var(--vst-lavender);color:var(--vst-bg);border-color:var(--vst-lavender);border-radius:10px;min-height:44px;}
body:has(main > #composer > #command) main #voice {color:var(--vst-lavender);background:transparent;border-color:var(--vst-line);}
body:has(main > #composer > #command) main pre {background:var(--vst-glass);border:1px solid var(--vst-line);border-radius:10px;}
body:has(main > #composer > #command) main :is(#connection,.foot,article small) {color:var(--vst-muted);}
body:has(main > #composer > #command) main article {border-color:var(--vst-line);}
body:has(main > #composer > #command) :is(a,button,input,textarea,select,summary):focus-visible {outline:2px solid var(--vst-lavender);outline-offset:3px;}

@media(max-width:700px) {
  body:has(#organization-form) > .topbar {grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;}
  body:has(#organization-form) .context-switcher {justify-content:start;}
  html[data-institution="verafied"] .doorway .composer {border-radius:12px;}
  html[data-institution="verafied"] .doorway .composer textarea {font-size:16px;}
  html[data-institution="verafied"] .specialist-card h3 {font-size:21px;}
  html[data-institution="verafied"] .specialist-card p {font-size:14px;}
}
@media(prefers-reduced-motion:reduce) {
  #vera-app :is(.simple-button,.voice-toggle,.project-item,.conversation-item),
  html[data-institution="verafied"] :is(.domain-card,.specialist-card,.composer) {transition:none;}
}
/* The normal aligned read belongs to the same dark workspace; warning bands retain their colors. */
#vera-app .alignment-dashboard:not([data-band="warning"]):not([data-band="orange"]):not([data-band="red"]) {--alignment-color:#b68dde;background:rgba(217,180,218,.055);color:var(--vst-text);border-color:var(--vst-line)}
#vera-app .alignment-dashboard:not([data-band="warning"]):not([data-band="orange"]):not([data-band="red"]) :is(.alignment-card,.alignment-cards>div) {background:rgba(217,180,218,.045);color:var(--vst-text);border-color:var(--vst-line)}
#vera-app .alignment-dashboard:not([data-band="warning"]):not([data-band="orange"]):not([data-band="red"]) :is(a,button) {color:var(--vst-lavender)}

/* Vera landing and demonstration presentation. Existing copy and actions remain intact. */
:root { --vera-night:#211625; --vera-lilac:#d8b7df; --vera-text:#f6f0f7; --vera-muted:#bcadbf; --vera-line:rgba(218,188,226,.2); }
html body .public-home {background:transparent;color:var(--vera-text)}
html body .site-header {background:rgba(33,22,37,.9);border-color:var(--vera-line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px clamp(20px,4vw,72px);gap:24px}
html body .brand-wordmark {color:var(--vera-text);font-size:24px;letter-spacing:-.05em}
html body .brand-wordmark span {color:var(--vera-lilac)}
html body .top-nav a,html body .header-actions .quiet-button {color:var(--vera-muted)}
html body .top-nav a:hover,html body .header-actions .quiet-button:hover {color:var(--vera-text)}
html body .header-create-account {background:var(--vera-lilac);border:1px solid var(--vera-lilac);color:var(--vera-night);border-radius:10px;min-height:44px;padding:12px 20px}
html body .public-home .vera-doors {width:calc(100% - clamp(40px,8vw,144px));max-width:1360px;margin:40px auto 16px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
html body .public-home .vera-doors>a {position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:16px;min-height:192px;padding:32px clamp(24px,3vw,44px);background:linear-gradient(130deg,rgba(216,183,223,.09),rgba(216,183,223,.025));border:1px solid var(--vera-line);border-radius:12px;color:var(--vera-text);text-decoration:none;box-shadow:none;transition:background .2s,border-color .2s,transform .2s}
html body .public-home .vera-doors>a::after {content:'↗';position:absolute;right:28px;top:24px;font-size:26px;color:var(--vera-lilac);font-weight:400}
html body .public-home .vera-doors>a>span {font-size:clamp(23px,2.4vw,36px);font-weight:500;letter-spacing:-.025em;line-height:1.15;padding-right:28px}
html body .public-home .vera-doors>a>small {max-width:36ch;color:var(--vera-muted);font-size:16px;line-height:1.55;text-align:left}
html body .public-home .vera-doors>a:hover {background:rgba(216,183,223,.13);border-color:rgba(216,183,223,.6);transform:translateY(-2px)}
html body .verafied-discovery {width:calc(100% - clamp(40px,8vw,144px));max-width:1360px;margin:16px auto 0;padding:26px 32px;border:1px solid var(--vera-line);border-radius:12px;background:rgba(216,183,223,.035);color:var(--vera-text);gap:28px}
html body .verafied-discovery strong {color:var(--vera-lilac);font-size:12px;letter-spacing:.12em}
html body .verafied-discovery p {color:var(--vera-muted);font-size:16px}
html body .verafied-discovery>a {color:var(--vera-lilac);font-size:15px}
html body .public-home .alignment-hero {width:calc(100% - clamp(40px,8vw,144px));max-width:1360px;margin:0 auto;min-height:0;padding:88px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:start;background:none;border:0}
html body .public-home .alignment-hero::before,html body .public-home .alignment-hero::after {display:none}
html body .public-home .alignment-hero-copy {min-width:0;max-width:none}
html body .public-home .hero-brand {color:var(--vera-lilac);font-size:12px;letter-spacing:.14em;line-height:1.5;margin:0 0 24px;font-weight:650}
html body .public-home .alignment-hero h1 {font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(52px,6.6vw,102px);font-weight:500;letter-spacing:-.055em;line-height:1.02;color:var(--vera-text);margin:0 0 30px;max-width:9ch}
html body .public-home .hero-copy {color:var(--vera-muted);font-size:clamp(17px,1.45vw,20px);line-height:1.65;max-width:46ch;margin:0 0 30px}
html body .public-home .alignment-key {gap:18px 24px;margin:30px 0;color:var(--vera-muted);font-size:13px;padding:24px 0;border-block:1px solid var(--vera-line)}
html body .public-home .alignment-key b {color:var(--vera-text);font-weight:500}
html body .public-home .hero-actions {gap:24px;margin-top:32px;align-items:center}
html body .public-home .primary-button {padding:16px 24px;min-height:52px;border:1px solid var(--vera-lilac);border-radius:10px;background:var(--vera-lilac);color:var(--vera-night);font-size:16px;font-weight:600;box-shadow:none}
html body .hero-text-link {color:var(--vera-lilac);text-decoration-thickness:1px;text-underline-offset:5px;font-weight:500;font-size:16px}
html body .vera-universal-demo {background:linear-gradient(140deg,rgba(216,183,223,.08),rgba(216,183,223,.02));border:1px solid var(--vera-line);border-radius:12px;padding:32px;color:var(--vera-text);box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html body .vd-heading h2,html body .vd-finish h2 {font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(24px,2.15vw,34px);font-weight:450;line-height:1.25;letter-spacing:-.035em;color:var(--vera-text)}
html body .vd-heading p,html body .vd-finish p {color:var(--vera-muted);font-size:16px;line-height:1.6}
html body .vd-groups button,html body .vd-scenarios button,html body .vd-navigation button {border:1px solid var(--vera-line);border-radius:9px;background:transparent;color:var(--vera-lilac);font-weight:500;font-size:15px;letter-spacing:0;min-height:46px;padding:12px 16px}
html body .vd-groups button[aria-pressed=true],html body .vd-scenarios button[aria-pressed=true] {background:var(--vera-lilac);border-color:var(--vera-lilac);color:var(--vera-night)}
html body .vd-groups button:hover:not(:disabled),html body .vd-scenarios button:hover:not(:disabled),html body .vd-navigation button:hover:not(:disabled) {border-color:var(--vera-lilac)}
html body .vd-card {border-radius:10px;box-shadow:none}
html body .vd-card[data-band=purple] {background:rgba(177,132,191,.14);color:var(--vera-text);border-color:rgba(216,183,223,.5)}
html body .vd-message p {font-family:inherit;line-height:1.5;font-size:clamp(19px,1.8vw,25px)}
html body .vd-you {background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:8px}
html body .vd-finish {border-color:var(--vera-line)}
html body .vd-join {background:var(--vera-lilac);color:var(--vera-night)!important;border-radius:10px;font-weight:600!important}
html body .public-home .site-footer {border-top:1px solid var(--vera-line);background:transparent;color:var(--vera-muted);padding:28px 24px;font-size:13px}
html body .site-footer a {color:var(--vera-lilac)}
@media(max-width:1000px) {html body .public-home .alignment-hero {grid-template-columns:1fr;gap:40px;padding-block:56px} html body .public-home .alignment-hero h1 {max-width:14ch} html body .public-home .alignment-hero-copy {max-width:720px} html body .public-home .hero-copy {max-width:58ch}}
@media(max-width:700px) {html body .site-header {gap:16px;padding:16px 20px}html body .public-home .vera-doors {grid-template-columns:1fr;gap:12px;margin-top:24px}html body .public-home .vera-doors>a {min-height:146px;padding:26px}html body .public-home .vera-doors>a>span {font-size:26px}html body .public-home .vera-doors>a>small {font-size:15px}html body .verafied-discovery {padding:24px;align-items:flex-start;flex-direction:column;gap:12px}html body .vera-universal-demo {padding:24px}html body .public-home .alignment-hero {padding-block:48px}html body .public-home .alignment-hero h1 {font-size:60px}html body .public-home .hero-actions {flex-wrap:wrap}html body .header-actions {gap:12px}html body .top-nav {gap:12px}}
@media(prefers-reduced-motion:reduce) {html body .public-home .vera-doors>a {transition:none;transform:none}}
html:has(.public-home),html body:has(.public-home) {background:#211625;color:#f6f0f7;color-scheme:dark}
html body:has(.public-home) {--paper:#211625;--white:#2a1e2e;--ink:#f6f0f7;--muted:#bcadbf;--line:rgba(218,188,226,.2);--accent:#d8b7df;--accent-dark:#d8b7df;--accent-soft:rgba(216,183,223,.1)}
html body .agreement-card {background:rgba(216,183,223,.045);color:#f6f0f7;border:1px solid rgba(218,188,226,.2);border-radius:12px;box-shadow:none}
html body .agreement-card h1,html body .agreement-card .agreement-copy {font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html body .agreement-card .primary-button {background:#d8b7df;color:#211625;border-color:#d8b7df;border-radius:10px}
html[data-institution="vera"] {--is-paper:#211625;--is-panel:#2a1e2e;--is-ink:#f6f0f7;--is-muted:#bcadbf;--is-line:rgba(218,188,226,.2)}
html[data-institution="vera"] body .site-header {background:rgba(33,22,37,.94);border-top:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:rgba(218,188,226,.2)}

/* Shared supporting-page and digital-handshake presentation. */
html[data-institution="vera"] {--paper:#211625;--paper-2:#2a1e2e;--white:#2a1e2e;--ink:#f6f0f7;--muted:#bcadbf;--line:rgba(218,188,226,.2);--accent:#d8b7df;--accent-dark:#d8b7df;--accent-soft:rgba(216,183,223,.1);--is-serif:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark}
html[data-institution="vera"] body {background:#211625;color:#f6f0f7}
html[data-institution="vera"] .page-main {color:#f6f0f7}
html[data-institution="vera"] .page-main :is(h1,h2,h3,blockquote p,.page-subhead,.closing-copy),html[data-institution="vera"] body:has(.brand) h1 {font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;letter-spacing:-.035em;line-height:1.2}
html[data-institution="vera"] .page-main h1 {font-weight:500;font-size:clamp(44px,6vw,80px);line-height:1.05}
html[data-institution="vera"] .page-main :is(.eyebrow,.text-link,.closing-copy,.primary-button) {color:#d8b7df}
html[data-institution="vera"] .page-main :is(.primary-button,.secondary-button) {border-radius:10px;min-height:46px;padding:12px 22px;font-size:16px}
html[data-institution="vera"] .page-main .primary-button {background:#d8b7df;color:#211625}
html[data-institution="vera"] .page-main :is(.mode-card,.plain-section,.rule-card,.page-cta,.color-band-callout,.free-statement,.document-actions) {border-color:rgba(218,188,226,.2);border-radius:12px;background:rgba(216,183,223,.045);color:#f6f0f7;box-shadow:none}
html[data-institution="vera"] .page-main blockquote {background:rgba(216,183,223,.085);border-left:2px solid #d8b7df;border-radius:0 10px 10px 0;color:#f6f0f7}
html[data-institution="vera"] .page-main :is(table,.comparison-table) {color:#f6f0f7;background:#2a1e2e}
html[data-institution="vera"] .page-main th {background:rgba(216,183,223,.1);color:#f6f0f7}
html[data-institution="vera"] body:has(.brand) :is(a,.date) {color:#d8b7df}
html[data-institution="vera"] body:has(.portfolio-nav) {--bg:#211625;--paper:#211625;--panel:#2a1e2e;--ink:#f6f0f7;--muted:#bcadbf;--line:rgba(218,188,226,.2);--purple:#d8b7df}
html[data-institution="vera"] body:has(.portfolio-nav) :is(header,.hero,.boundary,.plain-language,.concepts,.concept-card,.architecture-card) {background:transparent;color:#f6f0f7;border-color:rgba(218,188,226,.2);box-shadow:none}
html[data-institution="vera"] body:has(.portfolio-nav) :is(h1,h2,h3) {font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:500;color:#f6f0f7;letter-spacing:-.035em}
html[data-institution="vera"] body:has(.portfolio-nav) :is(a,.eyebrow) {color:#d8b7df}
html[data-institution="vera"] body:has(.portfolio-nav) :is(.portfolio-nav a,.concept-card,.architecture-card) {border:1px solid rgba(218,188,226,.2);border-radius:10px;background:rgba(216,183,223,.045)}
html:has(.nda-site-header),html body:has(.nda-site-header) {background:#211625;color:#f6f0f7;--purple:#d8b7df;--line:rgba(218,188,226,.2);color-scheme:dark}
body:has(.nda-site-header) .nda-site-header {background:rgba(33,22,37,.92);border-color:rgba(218,188,226,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body:has(.nda-site-header) :is(h1,h2,h3) {font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f6f0f7;font-weight:500;letter-spacing:-.04em;line-height:1.15}
body:has(.nda-site-header) :is(.intro,.nda-lead,.nda-note,.nda-caption,.muted,.helper,footer) {color:#bcadbf}
body:has(.nda-site-header) :is(.nda-hero,.nda-use-cases,.nda-how,.nda-start,.nda-section,.card,.nda-use-card,.nda-step,.nda-flow,.record-card) {background:transparent;color:#f6f0f7;border-color:rgba(218,188,226,.2);box-shadow:none}
body:has(.nda-site-header) :is(.card,.nda-use-card,.nda-step,.record-card) {background:rgba(216,183,223,.045);border:1px solid rgba(218,188,226,.2);border-radius:12px}
body:has(.nda-site-header) :is(input:not([type=checkbox]):not([type=radio]),textarea,select) {background:#302333;color:#f6f0f7;border:1px solid rgba(218,188,226,.25);border-radius:10px;font-size:16px}
body:has(.nda-site-header) :is(input,textarea)::placeholder {color:#bcadbf}
body:has(.nda-site-header) :is(button,.button) {background:#d8b7df;color:#211625;border:1px solid #d8b7df;border-radius:10px;font-weight:600}
body:has(.nda-site-header) :is(button,.button).secondary {background:rgba(216,183,223,.055);color:#d8b7df;border-color:rgba(218,188,226,.25)}
body:has(.nda-site-header) :is(button,.button):hover:not(:disabled) {border-color:#e5c5ea;box-shadow:0 0 0 3px rgba(216,183,223,.075)}
body:has(.nda-site-header) :is(button,a,input,textarea,select,summary):focus-visible {outline:2px solid #d8b7df;outline-offset:4px}
html[data-institution="vera"] .site-footer {background:transparent;color:#bcadbf;border-color:rgba(218,188,226,.2)}
html body:has(.nda-site-header) {--paper:#211625;--ink:#f6f0f7;--muted:#bcadbf;background:#211625}
body:has(.nda-site-header) :is(.nda-value,.nda-reassurance,.nda-scroll,.nda-use-description,.nda-use-top,.nda-field-note,.nda-progress li,.materials .terms,small) {color:#bcadbf}
body:has(.nda-site-header) :is(.nda-hero-actions>a,.nda-setup label) {color:#f6f0f7}
body:has(.nda-site-header) :is(.nda-use,.nda-use:nth-child(even),.nda-choices label,.nda-recorder,.badge) {background:rgba(216,183,223,.065);color:#f6f0f7;border:1px solid rgba(218,188,226,.2);border-radius:12px}
body:has(.nda-site-header) .nda-use:hover {background:rgba(216,183,223,.12);border-color:#d8b7df}
body:has(.nda-site-header) .text-button {background:transparent;color:#d8b7df;border-color:transparent}
body:has(.nda-site-header) .error {color:#432718}
html[data-institution="vera"] body:has(.portfolio-nav) :is(.concept-grid article,.layers article,.source-note,.technical .callout,.technical th) {background:#2a1e2e;color:#f6f0f7;border-color:rgba(218,188,226,.2)}
html[data-institution="vera"] body:has(.portfolio-nav) .portfolio-nav a {display:inline-flex;align-items:center;padding:10px 14px;min-height:44px;border-radius:9px;text-decoration:none}
html[data-institution="vera"] body:has(.portfolio-nav) .portfolio-nav a:hover {background:rgba(216,183,223,.1);border-color:#d8b7df}
