/* Compact, keyboard-accessible display controls shared by both modes. */
html body .vera-theme-control {
  display:inline-flex;align-items:center;gap:3px;padding:3px;flex-shrink:0;
  border:1px solid var(--vst-line);border-radius:10px;background:var(--vst-glass);
  font-family:var(--vst-font);vertical-align:middle;
}
html body .vera-theme-control button {
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;
  padding:8px 12px;border:1px solid transparent;border-radius:7px;margin:0;
  background:transparent;color:var(--vst-muted);font:500 13px/1.2 var(--vst-font);
  text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:none;
}
html body .vera-theme-control button:hover {background:var(--vst-raised);color:var(--vst-text);}
html body .vera-theme-control button[aria-pressed="true"] {
  background:var(--vst-lavender);color:var(--vst-bg);border-color:var(--vst-lavender);
}
html body .vera-theme-control button:focus-visible {outline:2px solid var(--vst-lavender);outline-offset:3px;}
html body:has(#vera-app:not(.hidden)) [data-theme-placement="header"] {display:none;}
#vera-app .conversation-topbar {flex-wrap:wrap;}
#vera-app .conversation-context {min-width:0;}
#vera-app .topbar-tools {flex-wrap:wrap;justify-content:flex-end;gap:10px;}
#vera-app #voice-toggle {display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;min-height:44px;white-space:nowrap;}
#vera-app .conversation-topbar #voice-toggle {font-size:14px!important;color:var(--vst-text);background:transparent;}
#vera-app .conversation-topbar #voice-toggle:hover {color:var(--vst-text);background:var(--vst-raised);}
#vera-app .conversation-topbar #voice-toggle[aria-pressed="true"] {color:var(--vst-bg);background:var(--vst-lavender);border-color:var(--vst-lavender);}
#vera-app .conversation-topbar #voice-toggle::before {content:none!important;}
html body .vera-has-theme-control :is(nav,.header-actions) {flex-wrap:wrap;align-items:center;gap:12px;}
html body .org-header.vera-has-theme-control {flex-wrap:wrap;gap:14px;}
html body .vera-theme-utility {display:flex;justify-content:flex-end;padding:12px 0 20px;}
html body > .vera-theme-utility {padding:12px 24px;background:var(--vst-bg);}
html body:has(main > #composer > #command) > header.vera-has-theme-control {flex-wrap:wrap;gap:12px;}
html body:has(main > #composer > #command) > header > .vera-theme-control {margin-left:auto;}
html body:has(#organization-form) > .topbar.vera-has-theme-control {grid-template-columns:auto minmax(150px,1fr) auto auto;}
html body:has(#organization-form) > .topbar > .vera-theme-control {grid-column:1 / -1;justify-self:end;}
@media(max-width:900px) {
  #vera-app .conversation-topbar {height:auto;min-height:56px;gap:6px;padding:8px 12px;}
  #vera-app .conversation-context {flex:1;}
  #vera-app .conversation-topbar .topbar-tools {width:100%;gap:8px;}
  #vera-app .topbar-tools .vera-theme-control {margin-left:auto;}
  #vera-app .topbar-tools .sensitivity-control {display:none;}
  html body .vera-has-theme-control .header-actions {justify-content:flex-end;}
}
@media(max-width:600px) {
  html body .vera-theme-control button {padding:8px 10px;min-height:38px;}
  html body .site-header.vera-has-theme-control:has(.public-home) {gap:10px;}
  html body:has(#organization-form) > .topbar.vera-has-theme-control {grid-template-columns:auto minmax(0,1fr) auto auto;}
  #vera-app .conversation-topbar #voice-toggle {font-size:13px!important;}
}