/* Shared theme controls. Light mode retains the existing cream theme hook. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.theme-toggle:hover{background:var(--soft);color:var(--ink)}
.theme-toggle .icon{width:17px;height:17px}
.theme-toggle .theme-sun{display:none}
.theme-toggle-compact{width:40px;height:40px;padding:0}
.theme-toggle-track{position:relative;width:30px;height:18px;flex-shrink:0;margin-left:auto;border-radius:12px;background:#d5d9e1;transition:background .15s}
.theme-toggle-track::after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}
.sidebar-bottom>.theme-toggle{width:100%;margin-top:14px;text-align:left;justify-content:flex-start}
.theme-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.login-left>.theme-toggle{position:absolute;right:40px;top:40px}
:root[data-theme="dark"] .theme-toggle .theme-moon{display:none}
:root[data-theme="dark"] .theme-toggle .theme-sun{display:inline-block}
:root[data-theme="dark"] .theme-toggle-track{background:var(--green)}
:root[data-theme="dark"] .theme-toggle-track::after{transform:translateX(12px);background:#17291f}

/* Charcoal surfaces inspired by the reference dashboard, with green brand accents. */
:root[data-theme="dark"]{
 --ink:#e8e7e5;--muted:#aaa9a6;--green:#9ac6a9;--green-dark:#b2d9bf;
 --mint:#2b3730;--lime:#384b3e;--line:#383838;--border:#383838;
 --paper:#1f1f1f;--bg:#1f1f1f;--soft:#2c2c2c;--surface:#262626;
 --dark-panel:#262626;--dark-field:#222222;--dark-raised:#303030;
 --cream-panel:var(--dark-panel);--cream-field:var(--dark-field);
 --dark-accent:#2e3c33;--dark-accent-line:#536d5b;--dark-warning:#e6bc83;
 --dark-danger:#efa69e;--shadow:0 8px 30px #00000014;
 color-scheme:dark;scrollbar-color:#555 #1f1f1f;background:var(--paper);
}
:root[data-theme="dark"] body{color:var(--ink);background:var(--paper);min-height:100dvh}
:root[data-theme="dark"] ::selection{background:#495f51;color:#fff}
:root[data-theme="dark"] :focus-visible{outline-color:var(--green)}
:root[data-theme="dark"] :is(.app-main,.app-content,.app-shell,.login-left){background:transparent}
:root[data-theme="dark"] :is(.site-header,.sidebar,.app-topbar){background:#222222;border-color:var(--line)}
:root[data-theme="dark"] .site-header{background:var(--paper)}
:root[data-theme="dark"] .login-right{background:#242424;border-left:1px solid var(--line)}
:root[data-theme="dark"] .login-page:has(>.checkout-maintenance){grid-template-rows:auto 1fr}
:root[data-theme="dark"] .login-page>.checkout-maintenance{grid-column:1/-1}

/* Panels, menus, forms and the sidebar use the same surface hierarchy. */
:root[data-theme="dark"] :is(.panel,.stat-card,.video-card,.studio-card,.connect-card,.connected-account,.calendar-week,.credit-plan,.price-card,.modal,.credit-examples-dialog,.toast,.automation-preview,.workspace-switch,.workspace-menu-toggle,.account-check,.character-option,.day-picker button,.time-add){background:var(--dark-panel);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow)}
:root[data-theme="dark"] :is(.panel-header,.panel-body,.modal-header,.modal-footer,.form-section,.form-actions,.setting-summary,.automation-app-row,.activity-item,.preview-queue-row,.preview-queue-title,.credit-example-row,.addon-row,.price-features,.schedule-table td,.schedule-table th,.next-note,.video-card-bottom,.sidebar-profile,.section-heading,.faqs details,.last-call,.site-footer,.dm-rule,.evidence-admin td,.evidence-admin th){border-color:var(--line)}
:root[data-theme="dark"] :is(.preview-window-bar,.preview-cadence,.preview-window-footer,.automation-footer,.schedule-table thead,.schedule-table th,.form-actions,.credit-plan-allowance,.billing-options article,.automation-setup,.music-settings,.schedule-music-note,.dm-target,.topup-card,.purchase-acceptance,.embedded-login-help,.sidebar-credit-card,.time-entry,.schedule-summary){background:var(--soft);border-color:var(--line)}
:root[data-theme="dark"] :is(.automation-step,.choice-card,.upload-zone,.uploaded-file,.studio-frame){background:var(--dark-field);border-color:#484848;color:var(--ink)}
:root[data-theme="dark"] :is(.automation-step:hover,.upload-zone:hover,.upload-zone.is-dragover,.studio-frame:hover,.studio-frame:focus-visible,.studio-frame.is-dragging){background:var(--dark-accent);border-color:var(--dark-accent-line);outline-color:var(--dark-accent-line)}
:root[data-theme="dark"] :is(.choice-card.selected,.choice-card:has(input:checked),.character-option.selected,.account-check:has(input:checked),.day-picker button.active){background:var(--dark-accent);border-color:var(--dark-accent-line);color:var(--green)}
:root[data-theme="dark"] :is(.field input,.field textarea,.field select,.search-field input,.caption-text,.time-entry input){background:var(--dark-field);border-color:#484848;color:var(--ink);color-scheme:dark}
:root[data-theme="dark"] :is(.field input,.field textarea,.field select,.caption-text):focus{border-color:var(--green);box-shadow:0 0 0 3px #9ac6a91f}
:root[data-theme="dark"] :is(input,textarea)::placeholder{color:#999895;opacity:1}
:root[data-theme="dark"] :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--green)}
:root[data-theme="dark"] :is(.side-nav a,.sidebar-tools>a,.sidebar-tools>button,.icon-button,.tabs button,.studio-tabs button,.music-toggle span){color:var(--muted)}
:root[data-theme="dark"] :is(.side-nav a:hover,.sidebar-tools>a:hover,.sidebar-tools>button:hover,.icon-button:hover){background:var(--dark-raised);color:var(--ink)}
:root[data-theme="dark"] .side-nav a.active{background:var(--dark-accent);color:#c5dfcd}
:root[data-theme="dark"] .side-nav .nav-count{background:#3b4e41;color:#c5dfcd}
:root[data-theme="dark"] :is(.tabs,.studio-tabs,.music-toggle){background:#222222;border-color:var(--line)}
:root[data-theme="dark"] :is(.tabs button.active,.studio-tabs button.selected,.music-toggle input:checked+span){background:#363636;color:var(--ink);box-shadow:0 1px 4px #0002}
:root[data-theme="dark"] .switch span{background:#505050}
:root[data-theme="dark"] .switch input:checked+span{background:#6c967a}
:root[data-theme="dark"] :is(.progress-bar,.progress-steps>span,.skeleton){background:#393939}
:root[data-theme="dark"] .progress-bar>i{background:var(--green)}
:root[data-theme="dark"] :is(.app-avatar,.stat-icon,.activity-dot,.automation-step-number,.automation-step.is-complete .automation-step-number,.day-chips i){background:var(--dark-accent);color:var(--green)}
:root[data-theme="dark"] .avatar-initials{background:#4a3e34;color:#e2c0a0}

/* Text roles override the older light-only component colors. */
:root[data-theme="dark"] :is(.marketing-nav,.hero-description,.hero-note,.hero-platforms,.hero-platforms>span:first-child,.section-heading>p,.format-text p,.workflow-feature>p,.automation-copy>p,.small-feature-grid p,.pricing-intro p,.pricing-copy>p,.pricing-bottom-note,.pricing-footnote,.faqs details>p,.faq-section>div>p,.last-call p,.site-footer,.site-footer small,.quiet-band p,.quiet-item,.tiktok-note p,.login-form>p,.login-fineprint,.legal-page p,.legal-page li,.paywall-intro){color:var(--muted)}
:root[data-theme="dark"] :is(.page-title-row p,.workspace-switch small,.workspace-switch>.icon,.sidebar-profile small,.sidebar-credit-card p,.sidebar-credit-card .row,.nav-section-label,.stat-label,.stat-meta,.stat-number small,.automation-app-row small,.setting-summary-label,.setting-summary-value small,.activity-item p,.activity-item small,.next-time p,.next-note,.schedule-table td,.schedule-table td small,.schedule-table th,.automation-footer>span,.muted,.field-help,.field small,.billing-meta,.choice-card>small,.character-option small,.video-card-bottom span,.uploaded-file small,.upload-zone small,.account-check small,.connected-account p,.connect-card p,.cap-note,.legend,.switch-line small,.schedule-summary,.privacy-help,.form-actions small,.empty-state p,.studio-editor-heading>span,.studio-history-heading>span,.studio-history-note,.studio-card-caption small,.studio-audio small,.studio-job small,.studio-empty>p,.studio-empty-note,.credit-plan-description,.credit-plan-allowance small,.credit-example-row small,.credit-examples-dialog>p,.price-features li,.price-subtext,.price small,.addon-row small,.topup-card>p,.topup-price span,.usage-row,.automation-setup>p,.automation-step small,.automation-upcoming-empty,.music-credit,.music-draft-option small,.music-preview-switch>span,.dm-stats,.breadcrumb,.video-detail-caption,.preview-queue-row>div>span,.preview-cadence>span,.preview-cadence>strong>span,.preview-queue-title>span,.auto-preview-header>div>span){color:var(--muted)}
:root[data-theme="dark"] :is(.hero-lead,.quiet-band strong,.quiet-item b,.plain-benefits li,.tiktok-note b,.field>span,.field-label,.setting-summary-value,.schedule-table td strong,.activity-item strong,.character-option strong,.upload-zone strong,.uploaded-file strong,.checkbox-line,.schedule-summary b,.music-heading strong,.automation-setup h3,.automation-step,.dm-stats b,.topup-price,.usage-row>b,.video-detail-hook,.breadcrumb b,.price-features b){color:var(--ink)}
:root[data-theme="dark"] :is(.platform-landing .hero h1 .serif-accent,.sidebar-credit-card strong,.sidebar-credit-card>a,.panel-header .text-button,.automation-footer button,.credit-example-row>b,.music-credit a,.stat-meta.green,.plan-label){color:var(--green)}

/* Primary actions remain clearly distinct from quiet secondary controls. */
:root[data-theme="dark"] .button{background:var(--green);border-color:var(--green);color:#17291f;box-shadow:none}
:root[data-theme="dark"] .button:hover{background:var(--green-dark);border-color:var(--green-dark);color:#17291f}
:root[data-theme="dark"] .button-secondary{background:var(--dark-raised);border-color:#484848;color:var(--ink)}
:root[data-theme="dark"] .button-secondary:hover{background:#3a3a3a;border-color:#616161;color:var(--ink)}
:root[data-theme="dark"] .button-ghost{background:transparent;border-color:transparent;color:var(--muted)}
:root[data-theme="dark"] .button-ghost:hover{background:var(--soft);color:var(--ink)}
:root[data-theme="dark"] .button-danger{background:#422e2b;border-color:#6b4540;color:var(--dark-danger)}
:root[data-theme="dark"] .button-danger:hover{background:#513632;color:#ffd0ca;border-color:#8b5d55}
:root[data-theme="dark"] :is(.badge,.queue-state){background:#373737;color:#c7c5c1}
:root[data-theme="dark"] :is(.badge-green,.queue-state.ready,.studio-delivery-state,.success-note,.notice-banner,.onboarding-banner,.embedded-login-help,.evidence-notice){background:var(--dark-accent);border-color:var(--dark-accent-line);color:#b5d5bf}
:root[data-theme="dark"] :is(.onboarding-banner strong,.onboarding-banner p){color:#b5d5bf}
:root[data-theme="dark"] :is(.preview-badge,.preview-info,.queue-state.preparing,.studio-job-failed,.studio-delivery-state.has-error,.checkout-maintenance,.pricing-note){background:#393329;border-color:#65563c;color:var(--dark-warning)}
:root[data-theme="dark"] .error-banner{background:#422e2b;border-color:#6b4540;color:var(--dark-danger)}
:root[data-theme="dark"] :is(.inline-error,.upload-error){color:var(--dark-danger)}
:root[data-theme="dark"] .evidence-urgent{color:var(--dark-danger)!important}
:root[data-theme="dark"] .credit-plan-featured{border-color:var(--dark-accent-line)}
:root[data-theme="dark"] .credit-plan-tag{background:var(--dark-accent);color:var(--green)}
:root[data-theme="dark"] :is(.credit-info-button,.faq-section>div>p>a){color:var(--green)}
:root[data-theme="dark"] .credit-plan-allowance :is(strong,.credit-info-button){color:var(--green-dark)}

/* Media keeps its original colors; only the surrounding chrome changes. */
:root[data-theme="dark"] :is(.studio-card-media,.video-card-image,.next-video-preview,.studio-frame img,.character-option img,.video-card-image>video,.studio-format-preview){background:#202020}
:root[data-theme="dark"] .studio-audio{background:var(--soft)}
:root[data-theme="dark"] .studio-empty{background:linear-gradient(145deg,#292929,#232323);border-color:var(--line)}
:root[data-theme="dark"] .studio-art-back{background:#435348;border-color:#363636;box-shadow:0 9px 20px #0002}
:root[data-theme="dark"] .studio-art-front{background:linear-gradient(140deg,#766757,#b6a28b);border-color:#363636;box-shadow:0 9px 20px #0002}
:root[data-theme="dark"] .studio-empty-art i{background:var(--green);border-color:var(--dark-panel)}
:root[data-theme="dark"] :is(.studio-menu summary,.studio-menu>div,.studio-frame>span:not(.studio-spinner),.studio-frame>button){background:var(--dark-raised);border-color:#484848;color:var(--ink);box-shadow:var(--shadow)}
:root[data-theme="dark"] :is(.studio-menu a,.studio-menu button){color:var(--ink)}
:root[data-theme="dark"] :is(.studio-menu a:hover,.studio-menu button:hover){background:#414141}
:root[data-theme="dark"] #studio-history-content{scrollbar-color:#555 #1f1f1f}
:root[data-theme="dark"] :is(.studio-spinner,.upload-spinner,.cal-spinner){border-color:#474747;border-top-color:var(--green)}
:root[data-theme="dark"] .upload-placeholder{background:var(--dark-accent);border-color:var(--dark-accent-line);color:var(--green)}
:root[data-theme="dark"] .upload-spinner-frame{background:var(--dark-raised)}
:root[data-theme="dark"] .upload-zone.is-uploading{background:var(--dark-field)}
:root[data-theme="dark"] .music-preview-switch button[aria-pressed="true"]{background:var(--dark-accent);color:var(--green);border-color:var(--dark-accent-line)}
:root[data-theme="dark"] :is(.modal-overlay,.drawer-backdrop){background:#0009}
:root[data-theme="dark"] :is(.credit-examples-dialog,.studio-image-dialog)::backdrop{background:#000b}
:root[data-theme="dark"] .platform-icon{background:var(--dark-raised);border-color:#444;color:var(--ink)}
:root[data-theme="dark"] .platform-icon.instagram{color:#ef9bca}
:root[data-theme="dark"] .platform-icon.youtube{color:#f1948d}
:root[data-theme="dark"] .hero-platforms .platform-icon{background:transparent}
:root[data-theme="dark"] .next-preview-badge{background:#303030;color:var(--ink)}

/* Calendar, including empty dates, selected ranges and delivery details. */
:root[data-theme="dark"] :is(.cal-scroller,.cal-loading,.cal-tile){background:var(--dark-panel);border-color:var(--line);box-shadow:none}
:root[data-theme="dark"] :is(.cal-day,.cal-weekday){border-color:var(--line)}
:root[data-theme="dark"] :is(.cal-view-switch,.cal-weekday,.cal-day.outside-month){background:#232323}
:root[data-theme="dark"] .cal-view-switch button{color:var(--muted)}
:root[data-theme="dark"] .cal-view-switch button[aria-pressed="true"]{background:#393939;color:var(--ink);box-shadow:none}
:root[data-theme="dark"] :is(.cal-hint,.cal-weekday,.cal-card-time,.cal-status,.cal-planned,.cal-legend,.cal-empty,.cal-detail-date small,.cal-delivery small,.cal-loading){color:var(--muted)}
:root[data-theme="dark"] :is(.cal-date time,.cal-card-copy>strong,.cal-detail-date,.cal-platform){color:var(--ink)}
:root[data-theme="dark"] .cal-day.outside-month .cal-date time{color:#93918d}
:root[data-theme="dark"] .cal-day.is-today{background:#28302b}
:root[data-theme="dark"] .cal-day.is-today time{background:var(--green);color:#17291f}
:root[data-theme="dark"] :is(.cal-date>span,.cal-drop-label){color:var(--green)}
:root[data-theme="dark"] .cal-thumb{background:#202020}
:root[data-theme="dark"] .cal-tile:hover{border-color:var(--dark-accent-line);box-shadow:0 3px 10px #0002}
:root[data-theme="dark"] .cal-planned{background:#292b29;border-color:#4c514d}
:root[data-theme="dark"] .cal-tile.needs-attention{border-color:#776044}
:root[data-theme="dark"] .cal-tile.needs-attention .cal-status{color:var(--dark-warning)}
:root[data-theme="dark"] .cal-day.cal-drop-target{background:var(--dark-accent);box-shadow:inset 0 0 0 2px var(--green)}
:root[data-theme="dark"] .cal-platform.instagram{color:#ef9bca}
:root[data-theme="dark"] .cal-platform.youtube{color:#f1948d}
:root[data-theme="dark"] .cal-legend i.planned{background:#72796e}

/* Landing sections and the animated workspace previews. */
:root[data-theme="dark"] :is(.quiet-band,.platform-landing .quiet-band,.automation-section,.pricing-section){background:#242424;border-color:var(--line)}
:root[data-theme="dark"] :is(.tiktok-note,.self-hosted-offer){background:var(--dark-panel);border-color:var(--line)}
:root[data-theme="dark"] .hero-stage{background:#2a2a2a}
:root[data-theme="dark"] .hero-phone{background:var(--dark-raised);border-color:var(--dark-raised);box-shadow:4px 18px 35px #0003,0 0 0 1px #444}
:root[data-theme="dark"] :is(.phone-top,.timeline-labels,.login-right>p){color:var(--muted)}
:root[data-theme="dark"] .tour-window{background:var(--dark-panel);border-color:#414141;box-shadow:0 22px 55px -20px #0006,0 3px 8px #0002}
:root[data-theme="dark"] .tour-sidebar{background:#242424;border-color:var(--line)}
:root[data-theme="dark"] .tour-brand .wordmark{color:var(--ink)}
:root[data-theme="dark"] .tour-mini-tabs{background:#222222;border-color:var(--line)}
:root[data-theme="dark"] :is(.tour-workspace>span,.tour-header-account>i,.tour-calendar-selected .tour-day-label strong,.showcase-app-top>div>i,.showcase-app-avatar,.showcase-target-day .showcase-day-label>b){background:var(--dark-accent);color:var(--green)}
:root[data-theme="dark"] :is(.tour-topline>span,.tour-workspace small,.tour-nav-item,.tour-sidebar-bottom,.tour-header-account,.tour-mini-tabs>span,.tour-field-label,.tour-form-note,.tour-result-heading>span,.tour-result-caption>span,.tour-calendar-heading>span,.tour-media-tray>span,.tour-day-label,.tour-day-label strong,.tour-schedule-popover>p,.tour-schedule-popover>p>b,.tour-rule>span,.tour-rule>small,.tour-steps>button>span){color:var(--muted)}
:root[data-theme="dark"] .tour-prepared-prompt{color:var(--ink)}
:root[data-theme="dark"] .tour-settings>span{border-color:#484848}
:root[data-theme="dark"] .tour-result-frame{background:#222222;border-color:var(--line)}
:root[data-theme="dark"] :is(.tour-generation-empty,.tour-generation-loading){background:#242424;color:var(--muted)}
:root[data-theme="dark"] .tour-loading-track{background:#444}
:root[data-theme="dark"] .tour-spinner{border-color:#474747;border-top-color:var(--green)}
:root[data-theme="dark"] .hero-tour[data-scene="generate"] [data-tour-nav="generate"],
:root[data-theme="dark"] .hero-tour[data-scene="schedule"] [data-tour-nav="schedule"],
:root[data-theme="dark"] .hero-tour[data-scene="dm"] [data-tour-nav="dm"]{background:var(--dark-accent);color:var(--green)}
:root[data-theme="dark"] :is(.tour-tray-video,.tour-scheduled-post,.tour-schedule-success,.tour-rule>b){background:var(--dark-accent);border-color:var(--dark-accent-line);color:var(--green)}
:root[data-theme="dark"] :is(.tour-scheduled-post>span,.tour-scheduled-post>div,.tour-schedule-success small,.tour-rule>strong){color:var(--green)}
:root[data-theme="dark"] .tour-calendar-drop{border-color:var(--dark-accent-line);color:var(--green)}
:root[data-theme="dark"] .hero-tour[data-phase="dragging"] .tour-calendar-drop{background:var(--dark-accent)}
:root[data-theme="dark"] .tour-playback:hover{background:var(--dark-raised)}
:root[data-theme="dark"] :is(.tour-ready-badge,.showcase-output-video>span){background:var(--dark-raised);color:var(--ink)}
:root[data-theme="dark"] :is(.tour-account-pills>span,.tour-drag-video){background:var(--dark-panel);border-color:var(--dark-accent-line)}
:root[data-theme="dark"] :is(.tour-account-pills small,.tour-drag-video>span){color:var(--muted)}
:root[data-theme="dark"] :is(.tour-playback,.tour-workspace,.tour-app-header,.tour-mini-tabs>b,.tour-field,.tour-media-tray,.tour-calendar,.tour-schedule-popover,.tour-rule,.tour-steps>button,.showcase-tabs,.showcase-copy,.showcase-app-top,.showcase-studio-form,.showcase-field,.showcase-options,.showcase-calendar-grid,.showcase-calendar-popover){background:var(--dark-panel);border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] :is(.tour-dm,.showcase-phone-stage){background:var(--paper)}
:root[data-theme="dark"] .tour-steps>button[aria-pressed="true"]{background:var(--dark-accent);border-color:var(--dark-accent-line);color:var(--green)}
:root[data-theme="dark"] :is(.tour-calendar-column,.tour-rule>small,.showcase-day,.showcase-day-label){border-color:var(--line)}
:root[data-theme="dark"] :is(.tour-empty-slot,.showcase-studio-placeholder,.showcase-studio-loading,.showcase-post,.showcase-new-slot,.showcase-calendar-line){background:var(--soft);border-color:#444;color:var(--muted)}
:root[data-theme="dark"] .feature-showcase{--showcase-accent:#9ac6a9;--showcase-soft:#2e3c33;--showcase-tone:#2d2d2d;--showcase-ink:var(--ink)}
:root[data-theme="dark"] .showcase-panel{background:#2d2d2d}
:root[data-theme="dark"] .showcase-browser{background:var(--paper);border-color:#393939;box-shadow:0 17px 30px -15px #0005}
:root[data-theme="dark"] .showcase-browser-bar{background:#333333;color:var(--muted)}
:root[data-theme="dark"] .showcase-browser-bar>div{background:#242424}
:root[data-theme="dark"] .showcase-output-image{background:var(--dark-raised);border-color:var(--dark-raised)}
:root[data-theme="dark"] .showcase-output-image>span{color:var(--muted)}
:root[data-theme="dark"] .showcase-tabs>button{color:var(--muted)}
:root[data-theme="dark"] .showcase-tabs>button[aria-selected="true"]{background:var(--dark-accent);color:var(--green)}
:root[data-theme="dark"] .showcase-tabs>button:not([aria-selected="true"]):hover{background:var(--dark-raised)}
:root[data-theme="dark"] :is(.showcase-action,.tour-generate-button,.tour-schedule-button){background:var(--green);color:#17291f}
:root[data-theme="dark"] .hero-tour[data-phase="generate-click"] .tour-generate-button,
:root[data-theme="dark"] .hero-tour[data-phase="schedule-click"] .tour-schedule-button{background:var(--green-dark);color:#17291f}
:root[data-theme="dark"] :is(.showcase-heading>p,.showcase-copy li>p,.showcase-controls>span,.showcase-controls>button,.showcase-app-body,.showcase-studio-form>small,.showcase-rule-editor>small,.showcase-mini-tabs,.showcase-setting-pills>span,.showcase-studio-form>p,.showcase-day-label,.showcase-day-label>b,.showcase-post>span,.showcase-post>strong,.showcase-calendar-header>span,.showcase-calendar-popover>p,.showcase-calendar-popover>p>b,.tour-footnote>small){color:var(--muted)}
:root[data-theme="dark"] :is(.showcase-mini-tabs>b,.showcase-eyebrow){color:var(--green)}
:root[data-theme="dark"] :is(.showcase-selected-accounts>span,.showcase-calendar-confirmation){background:var(--dark-accent);border-color:var(--dark-accent-line);color:var(--green)}
:root[data-theme="dark"] :is(.showcase-rule-editor,.showcase-autopilot-pipeline){background:var(--dark-panel);border-color:var(--line)}
:root[data-theme="dark"] :is(.showcase-autopilot-header,.showcase-setting-pills>span){border-color:var(--line)}
:root[data-theme="dark"] :is(.showcase-autopilot-header p,.showcase-autopilot-settings small,.showcase-autopilot-settings>div>span,.showcase-autopilot-pipeline>span){color:var(--muted)}
:root[data-theme="dark"] :is(.showcase-autopilot-state,.showcase-autopilot-toggle){background:var(--dark-accent);border-color:var(--dark-accent-line);color:var(--green)}
:root[data-theme="dark"] .feature-showcase[data-phase="2"] .showcase-autopilot-pipeline{background:var(--dark-accent);border-color:var(--dark-accent-line)}
:root[data-theme="dark"] :is(.showcase-autopilot-settings,.showcase-queue-item){border-color:var(--line)}
:root[data-theme="dark"] :is(.showcase-weekdays>i,.showcase-queue-status){background:var(--dark-accent);color:var(--green)}
:root[data-theme="dark"] :is(.showcase-queue-heading>span,.showcase-queue-item small,.showcase-queue-item strong){color:var(--muted)}
:root[data-theme="dark"] .showcase-status-ready{color:var(--green)}

@media(max-width:950px){.login-left>.theme-toggle{top:28px;right:28px}}
@media(max-width:540px){
 .site-header .nav-actions{gap:10px}
 .site-header .nav-actions .login-link{display:none}
 .site-header .nav-actions>.text-button{font-size:12px;gap:5px}
 .site-header .nav-actions>.text-button .icon{display:none}
 .site-header .theme-toggle-compact{width:36px;height:40px}
 .login-left>.theme-toggle{right:25px;top:24px}
}
@media(max-width:380px){
 .site-header .nav-inner{padding-inline:16px;gap:10px}
 .site-header .brand{gap:6px}
 .site-header .wordmark{font-size:18px}
 .site-header .nav-actions{gap:8px}
 .site-header .nav-actions>.button{padding-inline:10px}
 .site-header .nav-actions>.button .icon{display:none}
}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-track,.theme-toggle-track::after{transition:none}}


/* Sidebar groups, credit line, profile menu and settings tabs. */
:root[data-theme="dark"] .sidebar-credits{background:var(--dark-raised);border-color:var(--line);color:var(--muted)}
:root[data-theme="dark"] .sidebar-credits strong{color:var(--ink)}
:root[data-theme="dark"] :is(.sidebar-credits small,.profile-menu>summary>.icon){color:var(--muted)}
:root[data-theme="dark"] .sidebar-credits:hover,:root[data-theme="dark"] .profile-menu>summary:hover,:root[data-theme="dark"] .profile-menu[open]>summary{background:var(--dark-raised)}
:root[data-theme="dark"] .profile-menu-panel{background:var(--dark-panel);border-color:var(--line);box-shadow:0 12px 30px -12px #000c}
:root[data-theme="dark"] :is(.profile-menu-panel>a,.profile-menu-panel>button,.profile-menu-panel>.theme-toggle){color:var(--muted)}
:root[data-theme="dark"] .profile-menu-panel>.theme-toggle:hover{background:var(--dark-raised);color:var(--ink)}
:root[data-theme="dark"] :is(.profile-menu-panel>a:hover,.profile-menu-panel>button:hover){background:var(--dark-raised);color:var(--ink)}
:root[data-theme="dark"] .nav-alert{background:#5a3f2a;color:#f0c9a8}
:root[data-theme="dark"] .settings-tabs{background:var(--dark-raised);border-color:var(--line)}
:root[data-theme="dark"] .settings-tabs a{color:var(--muted)}
:root[data-theme="dark"] .settings-tabs a.active{background:var(--dark-panel);color:#c5dfcd;box-shadow:none}