/* Shared presentation tokens. These never alter saved brand/design colours or media. */
html[data-theme="dark"] {
  color-scheme: dark;
  --hector-bg: #101116;
  --hector-surface: #1b1e25;
  --hector-raised: #252932;
  --hector-input: #20232b;
  --hector-ink: #f4f4f6;
  --hector-muted: #b0b4bf;
  --hector-line: #393d48;
  --hector-accent: #ff8828;
  --hector-accent-ink: #ffb779;
  --hector-accent-soft: #34251a;
  --hector-success: #94d4b0;
  --hector-success-soft: #19352a;
  --hector-warning: #f2ce97;
  --hector-warning-soft: #342b20;
  --hector-danger: #ffb29b;
  --hector-danger-soft: #40251f;
  --hector-shadow: 0 16px 48px #0005;
}
html[data-theme="light"] {
  color-scheme: light;
  --hector-bg: #f5f6f9;
  --hector-surface: #ffffff;
  --hector-raised: #edf0f5;
  --hector-input: #f8f9fc;
  --hector-ink: #202330;
  --hector-muted: #596273;
  --hector-line: #d5dbe4;
  --hector-accent: #ff8828;
  --hector-accent-ink: #a64705;
  --hector-accent-soft: #fff0e3;
  --hector-success: #246744;
  --hector-success-soft: #e9f5ed;
  --hector-warning: #785317;
  --hector-warning-soft: #fff3df;
  --hector-danger: #963f25;
  --hector-danger-soft: #fff0e7;
  --hector-shadow: 0 16px 48px #20233014;
}
html[data-theme] {
  --ink: var(--hector-ink);
  --muted: var(--hector-muted);
  --paper: var(--hector-bg);
  --line: var(--hector-line);
  --accent: var(--hector-accent);
  --forest: #262936;
  --cream: var(--hector-raised);
  --warm: var(--hector-accent-soft);
  --wash: var(--hector-raised);
  --teal: var(--hector-success);
  --focus: var(--hector-accent-ink);
  background: var(--hector-bg);
  scrollbar-color: var(--hector-muted) var(--hector-bg);
  accent-color: var(--hector-accent);
}
html[data-theme] body {
  background: var(--hector-bg) !important;
  color: var(--hector-ink) !important;
}
html[data-theme] body.dashboard-app { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html[data-theme] :is(button, input, textarea, select) { font-family: inherit; }
html[data-theme] body.dashboard-app {
  --workspace-navy: var(--hector-ink);
  --workspace-muted: var(--hector-muted);
  --workspace-border: var(--hector-line);
  --workspace-surface: var(--hector-bg);
}
html[data-theme] :is(input, select, textarea) {
  background-color: var(--hector-input) !important;
  color: var(--hector-ink) !important;
  border-color: var(--hector-line) !important;
  caret-color: var(--hector-accent);
}
html[data-theme] :is(input, textarea)::placeholder {
  color: var(--hector-muted) !important;
  opacity: 1;
}
html[data-theme] :is(input, select, textarea):focus {
  border-color: var(--hector-accent) !important;
}
html[data-theme] :is(button, a, input, select, textarea, summary):focus-visible {
  outline-color: var(--hector-accent-ink);
}
html[data-theme] :is(input[type="checkbox"], input[type="radio"], input[type="range"]) {
  accent-color: var(--hector-accent);
}
html[data-theme] :is(.brand, footer .brand) { color: var(--hector-ink) !important; }
html[data-theme] :is(.brand, .price, .number) { font-family: Manrope, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html[data-theme] :is(.site-header, .sticky-cta, .sales-popup, .skip, .workspace-skip) {
  background: var(--hector-surface);
  color: var(--hector-ink);
  border-color: var(--hector-line);
}
html[data-theme] :is(.sales-popup, .finance-modal, .crm-contact-card) { box-shadow: var(--hector-shadow); }

/* Header controls stay together on narrow screens; each has a 44px touch target. */
.hector-top-controls { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; flex: none; }
html[data-theme] body .hector-top-controls button.hector-theme-toggle[role="switch"][aria-checked] {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  flex: none; width: 64px; min-width: 64px; height: 44px; min-height: 44px;
  padding: 0 !important; border: 1px solid var(--hector-line) !important;
  border-radius: 999px; background: var(--hector-input) !important;
  color: var(--hector-muted) !important; cursor: pointer; touch-action: manipulation;
  box-shadow: none; isolation: isolate;
}
.hector-theme-track { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 40px; pointer-events: none; }
.hector-theme-thumb {
  position: absolute; width: 30px; height: 30px; left: 2px; top: 5px;
  background: var(--hector-accent); border-radius: 50%; z-index: -1;
  transition: transform .18s ease;
}
html[data-theme="dark"] .hector-theme-thumb { transform: translateX(26px); }
.hector-theme-toggle svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.hector-theme-day, .hector-theme-night { display: grid; place-items: center; width: 26px; height: 30px; }
html[data-theme="light"] .hector-theme-day,
html[data-theme="dark"] .hector-theme-night { color: #241509; }
html[data-theme] .hector-theme-toggle:hover { filter: none; border-color: var(--hector-muted) !important; }
.hector-controls-floating { position: fixed; top: 12px; right: 12px; z-index: 40; }
nav.hector-has-theme > .toolbar { align-items: center; }
.workspace-account-icon { width: 20px; height: 20px; display: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Public pages: page UI changes theme; product screenshots and embedded examples keep their colours. */
html[data-theme] :is(.card, .plan, .proof-card, .service, .hero-product, .hero-preview,
  .industry-panel, .industry-answer, .industry-photo, .delivery-proof, .demo-chat,
  .chatbox, .overview-lead, .dashboard-preview, .dashboard-metrics > div, .preview-leads,
  .form-shell > .form, .service-example:not(.website-comparison), .site-before, .site-after) {
  background: var(--hector-surface);
  border-color: var(--hector-line);
  color: var(--hector-ink);
}
html[data-theme] :is(.hero-workbench, .control, .common-value, .offer-common, .offer-example,
  .plan-summary, .product-top, .customer-message, .scene-message:not(.assistant),
  .proof-card figure, .social-scenes, .overview-customer, .lead-ticket, .bubble:not(.customer),
  .message, pre, .pill, .connection-state, .coach-editor, .finance-empty-services) {
  background: var(--hector-raised);
  color: var(--hector-ink);
  border-color: var(--hector-line);
}
html[data-theme] :is(.demo-card, .hector-overview) {
  background: var(--hector-surface); border-color: var(--hector-line); box-shadow: var(--hector-shadow);
}
html[data-theme] .hero::before { background: none; }
html[data-theme] :is(.plan.featured, .assistant-message > div, .site-after, .scene-message.happy,
  .tip-takeaway, .overview-availability, .overview-check, .overview-lead-tag, .plan-badge) {
  background: var(--hector-accent-soft); color: var(--hector-accent-ink); border-color: var(--hector-accent-ink);
}
html[data-theme] :is(.followup-preview, .tax-summary) { background: var(--hector-success-soft); border-color: var(--hector-line); color: var(--hector-success); }
html[data-theme] .followup-preview li { background: var(--hector-surface); border-color: var(--hector-line); color: var(--hector-success); }
html[data-theme] :is(.followup-icon, .tax-summary-head, .tax-summary > p, .tax-highlight, .tax-summary small) { color: var(--hector-success); }
html[data-theme] :is(.lead, .hero-micro, .section-lead, .message-label, .product-top > span:last-child,
  .hero-product figcaption, .proof-copy > p, .proof-card figcaption, .short-list, .service > p,
  .service figcaption, .integrations h2, .plan-fit, .plan-scope, .price-fine, .faq details p,
  .contact > div > p, .onboarding li p, .control p:not(.eyebrow), .sticky-cta div > span,
  .sticky-cta span, .customer-snippet, .example-label, .scene-message small,
  .post-example-caption, .service .post-example-caption, footer) { color: var(--hector-muted); }
html[data-theme] :is(.eyebrow, h1 em, .hero h1 em, .value-strip span, .text-link, .step-number,
  .onboarding li::before, .plan li::before, .plan li::marker, .pdf-label, .lead-ticket strong,
  .navlinks [aria-current="page"], .dashboard-heading .badge, .brand-dot) { color: var(--hector-accent-ink); }
html[data-theme] :is(.scene-message:not(.assistant) p, .hero .scene-message:not(.assistant) p, .reply-snippet) { color: var(--hector-ink); }
html[data-theme] :is(.scene-dialogue, .hero-scene figcaption) { background: var(--hector-surface); border-color: var(--hector-line); color: var(--hector-ink); }
html[data-theme] :is(thead, thead th, tbody th) { background: var(--hector-raised); color: var(--hector-muted); }
html[data-theme] tbody td { background: transparent; color: var(--hector-ink); }
html[data-theme] :is(td, th, details, .table-scroll, .comparison, .value-strip, .site-header, footer) { border-color: var(--hector-line); }
html[data-theme] :is(.button.orange, button.primary, .button.primary, .contact button, .contact .button) {
  background: var(--hector-accent) !important; border-color: var(--hector-accent) !important; color: #241509 !important;
}
html[data-theme] :is(.button.secondary, button.secondary, .chips button) {
  background: var(--hector-surface) !important; color: var(--hector-ink) !important; border-color: var(--hector-line) !important;
}
html[data-theme] .pricing .featured :is(p, li) { color: var(--hector-muted); }
html[data-theme] .pricing .featured :is(h3, .price) { color: var(--hector-ink); }

/* Workspace navigation and account menu, including the legacy Studio-specific selectors. */
html[data-theme] .dashboard-app :is(.workspace-menu, .workspace-account > summary, .crm-filter-extra > summary,
  .dashboard-companion, .dashboard-toolbar, .table-wrap, .owner-menu) {
  background: var(--hector-surface) !important; color: var(--hector-ink) !important; border-color: var(--hector-line) !important;
}
html[data-theme] body.dashboard-app:has(#tab-social[aria-selected="true"]) .workspace-account > summary {
  background: var(--hector-surface) !important; color: var(--hector-ink) !important; border-color: var(--hector-line) !important;
}
html[data-theme] .dashboard-app .dashboard-toolbar { background: transparent !important; }
html[data-theme] .dashboard-app :is(.workspace-nav-label, .workspace-more summary, .dashboard-heading p,
  .dashboard-companion span, .dashboard-toolbar a, .crm-heading > p, .crm-filters label,
  #crm-count, .crm-column h3, .crm-opportunity small, .crm-metric small, .dashboard-card-heading label,
  .lead-contact div, .mail-list small, .coach-count, .owner-metrics span, .owner-feed small,
  .owner-record small, .owner-copy, .owner-notice, .owner-summary-metrics span,
  .owner-summary-metrics small, .owner-adoption-metrics span, .owner-adoption-metrics small) { color: var(--hector-muted) !important; }
html[data-theme] .dashboard-app .workspace-menu .dashboard-tabs { background: transparent !important; }
html[data-theme] .dashboard-app .workspace-menu > summary { color: var(--hector-ink) !important; }
html[data-theme] .dashboard-app .workspace-menu .dashboard-tabs [role="tab"] { background: transparent !important; color: var(--hector-muted) !important; }
html[data-theme] .dashboard-app .workspace-menu .dashboard-tabs [aria-selected="true"] { background: var(--hector-accent-soft) !important; color: var(--hector-accent-ink) !important; }
html[data-theme] .dashboard-app .workspace-menu .dashboard-tabs [aria-selected="true"] svg { color: var(--hector-accent-ink); }
html[data-theme] .dashboard-app .workspace-menu .dashboard-tabs [role="tab"]:hover { background: var(--hector-raised) !important; }
html[data-theme] .dashboard-app :is(label, td strong, .owner-metrics strong, .owner-adoption-metrics strong) { color: var(--hector-ink); }
html[data-theme] .dashboard-app :is(.card, .crm-opportunity, .finance-invoice, .finance-empty,
  .finance-modal, .finance-modal-head, .finance-editor-grid fieldset, .finance-draft-review,
  #finance-catalogue > p, .company-profile-form fieldset, .credit-membership,
  #sales-metrics > .card, .dashboard-leads-card tbody tr) {
  background: var(--hector-surface); border-color: var(--hector-line); color: var(--hector-ink);
}
html[data-theme] .dashboard-app :is(.card p, .card .badge, .crm-heading > .badge, th) { color: var(--hector-muted); }
html[data-theme] .dashboard-app :is(.crm-column, .mail-body, #mail-rules p, .coach-editor,
  #tenant-settings pre, .tab-demo, .lead-contact::before, .social-visual-editor,
  .hector-generation, .credit-summary, .credit-meter, .credit-unavailable,
  .publication-composer > .image-credits, .image-credits .image-credit-preview,
  .owner-bar, .creative-brand, .connection-state, .finance-status) {
  background: var(--hector-raised); border-color: var(--hector-line); color: var(--hector-ink);
}
html[data-theme] .dashboard-app .credit-summary small { color: var(--hector-muted); }
html[data-theme] .dashboard-app .credit-plan-list .current { background: var(--hector-accent-soft); border-color: var(--hector-accent-ink); }
html[data-theme] .dashboard-app :is(.owner-access-badge, .brain-demo, .brain-warning) { background: var(--hector-warning-soft); color: var(--hector-warning) !important; border-color: var(--hector-line); }
html[data-theme] :is(.message.error, .dashboard-app .message.error) { background: var(--hector-danger-soft); color: var(--hector-danger); border-color: var(--hector-danger); }
html[data-theme] .dashboard-app :is(.owner-error, [data-post-state="failed"] .badge, [data-post-state="uncertain"] .badge) { color: var(--hector-danger); }
html[data-theme] .dashboard-app [data-post-state="published"] .badge { color: var(--hector-success); }
html[data-theme] .dashboard-app :is(.pill, .pill.hot, .owner-record .pill, td select[data-status="hot"]) { background: var(--hector-accent-soft); color: var(--hector-accent-ink); border-color: var(--hector-line); }
html[data-theme] .dashboard-app :is(td, details, .growth-report, .owner-adoption-metrics article, .owner-summary-metrics article) { border-color: var(--hector-line); }
html[data-theme] .dashboard-app tbody tr:hover { background: var(--hector-raised); }
html[data-theme] .dashboard-app button:not([role="tab"]),
html[data-theme] .dashboard-app nav :is(.toolbar > a, #logout),
html[data-theme] .dashboard-app .dashboard-toolbar #refresh,
html[data-theme] .dashboard-app :is(.owner-menu, .owner-subviews, .mail-list, .brain-filters, .brain-steps) button,
html[data-theme] #customer-creative .creative-workspace button,
html[data-theme] #owner-creative .creative-workspace button {
  background: var(--hector-raised) !important; color: var(--hector-ink) !important; border-color: var(--hector-line) !important;
}
html[data-theme] body.dashboard-app:has(#tab-social[aria-selected="true"]) .dashboard-toolbar :is(#tenant-select, #refresh, #billing) {
  background: var(--hector-input) !important; color: var(--hector-ink) !important; border-color: var(--hector-line) !important;
}
html[data-theme] .dashboard-app :is(.button.orange, button.primary, .button.primary) { background: var(--hector-accent) !important; color: #241509 !important; border-color: var(--hector-accent) !important; }
html[data-theme] .dashboard-app :is(.owner-menu button[aria-selected="true"], .owner-subviews button[aria-pressed="true"], .mail-list button[aria-pressed="true"], .brain-filters button[aria-pressed="true"], .brain-steps button[aria-current="step"], button.publication-filter[aria-pressed="true"]) {
  background: var(--hector-accent-soft) !important; color: var(--hector-accent-ink) !important; border-color: var(--hector-accent-ink) !important;
}
html[data-theme] .dashboard-app .crm-nav button { background: transparent !important; color: var(--hector-muted) !important; }
html[data-theme] .dashboard-app .crm-nav button[aria-selected="true"] { color: var(--hector-ink) !important; border-bottom-color: var(--hector-accent) !important; }
html[data-theme] .dashboard-app :is(.owner-contact a, .owner-summary-signals a) { color: var(--hector-accent-ink); }

/* Brain uses the same confirmed facts and controls; only their presentation changes. */
html[data-theme] .brain { --brain-muted: var(--hector-muted); --brain-line: var(--hector-line); --brain-accent: var(--hector-accent-ink); }
html[data-theme] .brain :is(.brain-hero, .brain-source, .brain-source-icon, .brain-fact, .brain-brief) { background: var(--hector-surface); color: var(--hector-ink); border-color: var(--hector-line); }
html[data-theme] .brain .brain-use-grid > div { background: var(--hector-raised); }
html[data-theme] .brain :is(.brain-stats, .brain-source-status, .brain-fact-kind, .brain-provenance,
  .brain-provenance a, .brain-list, .brain-settings, .brain-forget summary, .brain-footer > .fine,
  .brain-admin-row small, .brain-auto-source > summary, .brain-filters + label) { color: var(--hector-muted); }
html[data-theme] .brain :is(label, .brain-fact-value, .brain-auto-form .check) { color: var(--hector-ink); }
html[data-theme] .brain :is(.brain-source-entry, .brain-provenance, .brain-admin-row, .brain-step-number) { border-color: var(--hector-line); }
html[data-theme] .brain .brain-pill { background: var(--hector-warning-soft); color: var(--hector-warning); }
html[data-theme] .brain :is(.brain-pill-confirmed, .brain-steps .is-complete .brain-step-number) { background: var(--hector-success-soft); color: var(--hector-success); border-color: var(--hector-success); }
html[data-theme] .brain .brain-steps [aria-current="step"] .brain-step-number { background: var(--hector-accent); color: #241509; border-color: var(--hector-accent); }

/* Studio and its native dialogs inherit the selected theme, including advanced tools. */
html[data-theme] :is(.studio-shell, .studio-dialog, .studio-editor, .studio-editor.compact) {
  --studio-bg: var(--hector-bg); --studio-surface: var(--hector-input);
  --studio-raised: var(--hector-raised); --studio-ink: var(--hector-ink);
  --studio-muted: var(--hector-muted); --studio-line: var(--hector-line);
  --studio-orange: var(--hector-accent); --studio-soft-orange: var(--hector-accent-soft);
  color-scheme: inherit; color: var(--hector-ink); border-color: var(--hector-line);
}
html[data-theme] :is(.studio-shell, .studio-dialog) { background: var(--hector-bg); }
html[data-theme] .studio-editor.compact { background: var(--hector-surface); }
html[data-theme] .studio-editor.compact .studio-editor-preview { background: var(--hector-bg); border-color: var(--hector-line); }
html[data-theme] :is(.studio-shell, .studio-dialog) :is(a, .link) { color: var(--hector-accent-ink); }
html[data-theme] #dashboard .studio-shell label, html[data-theme] .dashboard-app .studio-dialog label { color: var(--hector-ink); }
html[data-theme] .studio-editor.compact :is(small, .studio-editor-save-state, .studio-editor-playback output) { color: var(--hector-muted); }
html[data-theme] .studio-editor.compact :is(.studio-editor-message, .studio-editor-local-note, .studio-editor-drawer[open] > summary) { color: var(--hector-accent-ink); }
html[data-theme] #dashboard .studio-shell .studio-nav .button[aria-selected="true"] { background: var(--hector-raised) !important; color: var(--hector-ink) !important; border-color: var(--hector-line) !important; }
html[data-theme] #dashboard .studio-shell :is(.studio-kind-card[aria-pressed="true"], .studio-editor button.is-selected),
html[data-theme] .studio-dialog button[aria-pressed="true"] { background: var(--hector-accent-soft) !important; color: var(--hector-accent-ink) !important; border-color: var(--hector-accent-ink) !important; }
html[data-theme] #dashboard .studio-shell :is(.studio-kind-card[aria-pressed="true"] strong, .studio-kind-card[aria-pressed="true"] .studio-kind-icon) { color: var(--hector-accent-ink); }
html[data-theme] #dashboard .studio-shell .button.orange, html[data-theme] .dashboard-app .studio-dialog .button.orange { background: var(--hector-accent) !important; color: #241509 !important; border-color: var(--hector-accent) !important; }
html[data-theme] #panel-social :is(.publication-item > summary, .publication-item[open] > summary, .publication-media, .publication-empty) { background: var(--hector-surface); color: var(--hector-ink); border-color: var(--hector-line); }
html[data-theme] #panel-social :is(.publication-item-action, .publication-item-title > small, .publication-secondary > summary > span, .publication-list-heading > span, .publication-item .badge) { color: var(--hector-muted); }
html[data-theme] #panel-social :is(button.publication-filter, .publication-ideas button, .publication-media-choices > button) { background: var(--hector-raised) !important; color: var(--hector-ink) !important; border-color: var(--hector-line) !important; }
html[data-theme] #panel-social button.publication-filter[aria-pressed="true"] { background: var(--hector-accent-soft) !important; color: var(--hector-accent-ink) !important; border-color: var(--hector-accent-ink) !important; }
html[data-theme] .studio-prompt { border-color: var(--hector-line); }
html[data-theme] .studio-brain-note { background: var(--hector-surface); color: var(--hector-ink); border-color: var(--hector-line); }
html[data-theme] .studio-brain-note > span { color: var(--hector-ink); }
html[data-theme] #dashboard .studio-shell .studio-brain-note .button { color: var(--hector-accent-ink) !important; }
html[data-theme] #dashboard .studio-shell :is(.card, .studio-provenance, .studio-version-tools,
  .studio-automation, .publication-item > summary, .publication-item[open] > summary,
  .publication-media, .publication-empty, .publication-settings, .publication-secondary,
  .publication-composer > .image-credits),
html[data-theme] .studio-dialog :is(.card, .studio-dialog-body > details, .studio-dialog-body > fieldset),
html[data-theme] :is(.studio-calendar-toolbar, .studio-date-proposal) { background: var(--hector-surface); color: var(--hector-ink); border-color: var(--hector-line); }
html[data-theme] #dashboard .studio-shell :is(.publication-step, .publication-item-title,
  .publication-secondary > summary, .publication-list-heading > span, .publication-count,
  .publication-item-action) { color: var(--hector-muted); }
html[data-theme] #dashboard .studio-shell :is(.publication-ai .image-credits, .image-credit-preview,
  .credit-membership, .credit-summary, .credit-membership .credit-unavailable),
html[data-theme] .studio-shell :is(.studio-image-tools, .studio-empty, .studio-calendar-empty),
html[data-theme] .studio-dialog-body #social-quota { background: var(--hector-raised); color: var(--hector-ink); border-color: var(--hector-line); }
html[data-theme] .studio-dialog-body .publication-secondary { background: var(--hector-surface) !important; }
html[data-theme] .studio-library-icon { background: var(--hector-raised); color: var(--hector-muted); }
html[data-theme] .studio-calendar-grid { background: var(--hector-surface); }
html[data-theme] .studio-calendar-day.is-outside { background: var(--hector-bg); }
html[data-theme] #dashboard .studio-shell .studio-calendar-date { color: var(--hector-muted) !important; }
html[data-theme] #dashboard .studio-shell .is-today .studio-calendar-date { background: var(--hector-accent-soft) !important; color: var(--hector-accent-ink) !important; }
html[data-theme="light"] #dashboard .studio-shell .studio-calendar-event { background: #edf4fc !important; color: #315b84 !important; border-color: #b8cfe5 !important; }
html[data-theme="light"] #dashboard .studio-shell .studio-calendar-event[data-platform="instagram"] { background: #f9f0f5 !important; color: #82536d !important; border-color: #d7bcd0 !important; }
html[data-theme] :is(.studio-shell, .studio-dialog) .message.error { background: var(--hector-danger-soft); color: var(--hector-danger); border-color: var(--hector-danger); }

/* Keep exported documents and deliberately white social preview content legible. */
html[data-theme] :is(.finance-document, .invoice-paper, .facebook-post) { color-scheme: light; color: #202330; background: #fff; }
html[data-theme] .finance-document { --ink: #202330; --muted: #596273; --line: #d5dbe4; }
html[data-theme] .invoice-paper .invoice-disclaimer { color: #596273; }
html[data-theme] .facebook-post .fb-post-copy { color: #242526; }

@media (max-width: 600px) {
  .hector-top-controls { gap: 5px; }
  .dashboard-app nav.hector-has-theme { gap: 8px; flex-wrap: nowrap; }
  .dashboard-app nav.hector-has-theme > .toolbar { margin-left: auto; flex-wrap: nowrap; gap: 6px; }
  .dashboard-app nav.hector-has-theme .workspace-account { position: relative; flex: none; }
  .dashboard-app nav.hector-has-theme .brand { font-size: 19px; gap: 6px; }
  .dashboard-app nav.hector-has-theme .brand-symbol { width: 28px; height: 28px; }
  .site-header nav.hector-has-theme { gap: 8px; }
  .site-header nav.hector-has-theme .nav-actions { gap: 10px; }
}
@media (max-width: 480px) {
  .dashboard-app nav.hector-has-theme .workspace-account > summary { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 10px; list-style: none; }
  .dashboard-app nav.hector-has-theme .workspace-account > summary::-webkit-details-marker { display: none; }
  .dashboard-app nav.hector-has-theme .workspace-account-label { display: none; }
  .dashboard-app nav.hector-has-theme .workspace-account-icon { display: block; flex: none; }
}
@media (prefers-reduced-motion: reduce) { .hector-theme-thumb { transition: none; } }
@media (forced-colors: active) {
  html[data-theme] .hector-theme-toggle { border: 1px solid ButtonText !important; }
  .hector-theme-thumb { background: Highlight; forced-color-adjust: none; }
}