/* Workspace-only appearance overrides. Values are set from each business's saved preferences. */
#app-shell{--green:var(--brand-accent,#c7ef48);--green-deep:var(--brand-accent-tone,#55783d);--sidebar-bg:var(--theme-sidebar-bg,#15201b)}
#app-shell .sidebar{background:var(--sidebar-bg)}
#app-shell .nav-item:hover{background:var(--theme-sidebar-hover,rgba(255,255,255,.06))}
#app-shell .nav-item.active{background:var(--theme-sidebar-active,rgba(255,255,255,.12));color:var(--theme-sidebar-accent,#e4f3c4)}
#app-shell .nav-count{background:var(--theme-sidebar-active,rgba(255,255,255,.12));color:#f4f7f2}
#app-shell .brand-mark{background:var(--brand-accent,#c7ef48)}
#app-shell .button-primary,#app-shell .button-lime{background:var(--brand-accent,#c7ef48);color:var(--brand-accent-ink,#17211d)}
#app-shell .button-primary{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
#app-shell .button-primary:hover{background:color-mix(in srgb,var(--brand-accent,#c7ef48) 84%,#17211d);transform:translateY(-1px);box-shadow:0 7px 18px color-mix(in srgb,var(--brand-accent,#c7ef48) 30%,transparent)}
#app-shell .eyebrow,#app-shell .trend,#app-shell .text-link,#app-shell .lookup-count,#app-shell .profit-bottom b{color:var(--brand-accent-tone,#55783d)}
#app-shell .stat-icon{background:var(--brand-accent-soft,#f3f7ed);color:var(--brand-accent-tone,#55783d)}
#app-shell .field input:focus,#app-shell .field select:focus,#app-shell .field textarea:focus,#app-shell .settings-card input:focus,#app-shell .settings-card select:focus{border-color:var(--brand-accent,#c7ef48);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent,#c7ef48) 22%,transparent)}
#app-shell input[type=checkbox],#app-shell input[type=radio]{accent-color:var(--brand-accent-tone,#55783d)}
#app-shell .help-card .help-icon,#app-shell .help-card button{color:var(--brand-accent,#c7ef48)}
#app-shell .settings-card .custom-accent-wrap input[type=color]{height:44px;padding:4px;cursor:pointer}
#app-shell .settings-card .custom-accent-wrap[hidden]{display:none!important}
#app-shell .theme-preview{display:flex;align-items:center;gap:11px;margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}
#app-shell .theme-preview-swatch{width:24px;height:24px;flex:none;border:1px solid #0001;border-radius:50%;background:var(--brand-accent,#c7ef48)}
#app-shell .theme-preview>div{display:grid;gap:3px;flex:1}
#app-shell .theme-preview>div b{font-size:11px;color:var(--ink)}
#app-shell .theme-preview>div small{font-size:9px;color:var(--muted)}
#app-shell .theme-preview-button{padding:7px 10px;border-radius:7px;background:var(--brand-accent,#c7ef48);color:var(--brand-accent-ink,#17211d);font-size:9px;font-weight:800}
/* Carry the selected theme through the dashboard's green status panels and charts. */
#app-shell .stat-icon,#app-shell .safety-check,#app-shell .weather-symbol,#app-shell .connection-mark{background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .tag:not(.orange):not(.grey):not(.red){background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .check-box.checked{background:var(--brand-accent-mid);border-color:var(--brand-accent-mid);color:var(--brand-accent-ink)}
#app-shell .stock-meter i:not(.low),#app-shell .mini-bar-track i,#app-shell .bar.current,#app-shell .safety-log-row i,#app-shell .onboarding-meter i{background:var(--brand-accent)}
#app-shell .onboarding-card,#app-shell .event-discovery{border-color:var(--brand-accent-border);background:linear-gradient(125deg,var(--brand-accent-pale),#fff 76%)}
#app-shell .onboarding-progress{border-color:var(--brand-accent-border)}
#app-shell .onboarding-task-number{color:var(--brand-accent-tone)}
#app-shell .onboarding-task.is-done .onboarding-task-number{background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .connection-next-step{border-color:var(--brand-accent-border);background:linear-gradient(115deg,var(--brand-accent-pale),#fff 75%)}
#app-shell .connection-next-step>div span{border-color:var(--brand-accent-border);color:var(--brand-accent-tone)}
#app-shell .integration-banner .tag.good{background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .weather-facts span,#app-shell .connection-coverage{background:var(--brand-accent-pale);border-color:var(--brand-accent-border)}
#app-shell .today-action-icon:not(.amber):not(.lilac):not(.blue){background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .brand-mark span{color:var(--brand-accent-tone)}
#app-shell .next-pitch-hero,#app-shell .profit-hero,#app-shell .integration-banner{background:linear-gradient(112deg,var(--theme-sidebar-bg),color-mix(in srgb,var(--theme-sidebar-bg) 72%,#405848))}
#app-shell .next-pitch-copy .eyebrow{color:var(--theme-sidebar-accent)}
#app-shell .sync-status:not([data-state="saving"]):not([data-state="error"]){background:var(--brand-accent-pale);color:var(--brand-accent-tone)}
#app-shell .fsa-profile-panel{border-color:var(--brand-accent-border);background:var(--brand-accent-pale)}
#app-shell .fsa-selected-row,#app-shell .fsa-sticker{border-color:var(--brand-accent-border);background:var(--brand-accent-pale)}
#app-shell .fsa-sticker-icon{background:var(--brand-accent-tone)}
#app-shell .fsa-sticker-link,#app-shell .fsa-rating strong{color:var(--brand-accent-tone)}
#app-shell .mfa-card{border-color:var(--brand-accent-border);background:linear-gradient(135deg,#fff,var(--brand-accent-pale))}
#app-shell .mfa-enabled,#app-shell .mfa-setup{border-color:var(--brand-accent-border);background:var(--brand-accent-pale)}
#app-shell .mfa-secret{background:var(--brand-accent-tint)}
html[data-density="compact"] #app-shell .page-wrap{padding-top:20px;padding-bottom:14px}
html[data-density="compact"] #app-shell .page-header{margin-bottom:15px}
html[data-density="compact"] #app-shell .grid,html[data-density="compact"] #app-shell .content-grid,html[data-density="compact"] #app-shell .section-grid{gap:10px}
html[data-density="compact"] #app-shell .card{border-radius:10px}
html[data-density="compact"] #app-shell .stat-card{padding:11px 13px}
html[data-density="compact"] #app-shell .nav-item{padding-top:8px;padding-bottom:8px}
html[data-text-size="large"] #app-shell{font-size:15px}
html[data-text-size="large"] #app-shell .page-header p,html[data-text-size="large"] #app-shell .card p,html[data-text-size="large"] #app-shell .note-panel,html[data-text-size="large"] #app-shell .field label,html[data-text-size="large"] #app-shell .settings-card label{font-size:calc(1em + 1px)}
html[data-text-size="large"] #app-shell .nav-item{font-size:13px}
@media(max-width:760px){html[data-density="compact"] #app-shell .page-wrap{padding-top:15px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){#app-shell .button-primary{transition:none}#app-shell .button-primary:hover{transform:none}}

/* Keep workspace accents consistent across the app's newer feature panels too.
   Status meaning (warning/error) stays semantic; ordinary brand greens follow the user's choice. */
#app-shell .row-action,
#app-shell .text-link,
#app-shell .weather-credit a,
#app-shell .note-panel a,
#app-shell .kitchen-guide-card a,
#app-shell .guide-source-links>a,
#app-shell .review-actions .text-link{color:var(--brand-accent-tone)!important}
#app-shell .row-action:hover,
#app-shell .check-row:hover{background:var(--brand-accent-pale)}
#app-shell .empty-icon,
#app-shell .tip-icon,
#app-shell .shopping-check,
#app-shell .expense-icon,
#app-shell .weather-symbol,
#app-shell .guide-grid article>span,
#app-shell .feature-symbol,
#app-shell .photo-picker-icon,
#app-shell .upload-photo-placeholder,
#app-shell .profile-photo-preview.is-empty,
#app-shell .profile-photo-preview.is-empty .profile-preview-art,
#app-shell .gallery-empty,
#app-shell .vehicle-empty-icon,
#app-shell .subscription-current-icon,
#app-shell .kitchen-guide-icon,
#app-shell .today-action-icon:not(.amber):not(.lilac):not(.blue),
#app-shell .stat-icon,
#app-shell .safety-check,
#app-shell .help-icon{background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .profile-photo-preview.is-empty,
#app-shell .gallery-empty,
#app-shell .upload-photo-placeholder,
#app-shell .guide-grid article,
#app-shell .kitchen-guide-card,
#app-shell .safety-guidance-banner,
#app-shell .weather-facts span,
#app-shell .connection-coverage{border-color:var(--brand-accent-border)}
#app-shell .profile-photo-preview.is-empty,
#app-shell .gallery-empty,
#app-shell .safety-guidance-banner,
#app-shell .kitchen-guide-icon,
#app-shell .weather-facts span{background-color:var(--brand-accent-pale)}
#app-shell .profile-photo-preview.is-empty .profile-preview-art{color:var(--brand-accent-tone)}
#app-shell .profile-photo-preview.is-empty b,
#app-shell .form-actions #profile-save-status,
#app-shell .guide-card-title em,
#app-shell .guide-grid article>span,
#app-shell .guide-source-links>a,
#app-shell .today-action-icon:not(.amber):not(.lilac):not(.blue){color:var(--brand-accent-tone)}
#app-shell .progress-ring{background:conic-gradient(var(--brand-accent) var(--progress),#ffffff20 0)}
#app-shell .progress-ring:before{background:var(--theme-sidebar-bg)}
#app-shell .onboarding-meter i{background:var(--brand-accent)}
#app-shell .square-connect-status i.is-connected{background:var(--brand-accent-tone);box-shadow:0 0 0 3px var(--brand-accent-tint)}
#app-shell .tag.good,
#app-shell .integration-banner .tag.good,
#app-shell .admin-status:not(.invited):not(.suspended):not(.disabled):not(.banned){background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .profile-form>label>input:not([type=checkbox]):not([type=file]):focus,
#app-shell .profile-form textarea:focus,
#app-shell .action-dialog #dialog-fields textarea:focus,
#app-shell #action-dialog #dialog-fields textarea:focus,
#app-shell .square-connect-actions button:focus-visible,
#app-shell .square-connect-actions a:focus-visible,
#app-shell .kitchen-guide-card>summary:focus-visible{border-color:var(--brand-accent)!important;box-shadow:0 0 0 3px var(--brand-accent-tint)}
#app-shell .checklist-row.is-done .check-content b{color:var(--brand-accent-tone)}
#app-shell .guide-library-mark{background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .inbox-hero-icon,
#app-shell .inbox-channel-icon,
#app-shell .notification-item-icon,
#app-shell .notification-empty>span{background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .notification-item.is-unread{background:var(--brand-accent-pale)}
#app-shell .notification-item.is-unread:hover{background:var(--brand-accent-tint)}
#app-shell .vehicle-photo-fallback,
#app-shell .vehicle-empty-icon{background:radial-gradient(ellipse at center,var(--brand-accent-pale) 0,var(--brand-accent-tint) 72%,var(--brand-accent-border) 100%);color:var(--brand-accent-tone)}
#app-shell .vehicle-alert-line,
#app-shell .safety-summary,
#app-shell .stock-icon,
#app-shell .date-tile{background:var(--brand-accent-pale)}
#app-shell .vehicle-health-dot,
#app-shell .reminder-pill.good{background:var(--brand-accent-tone);color:#fff}
#app-shell .reminder-pill.good{background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .stock-icon,
#app-shell .safety-summary .safety-check{color:var(--brand-accent-tone)}
#app-shell .lookup-count,
#app-shell .profit-bottom b,
#app-shell .trend,
#app-shell .vehicle-empty-icon{color:var(--brand-accent-tone)}
#app-shell .upload-photo-placeholder.pitch,
#app-shell .photo-field-preview .upload-photo-placeholder.pitch{background:linear-gradient(135deg,var(--brand-accent-pale),var(--brand-accent-tint));color:var(--brand-accent-tone)}
#app-shell .profile-photo-preview.is-empty{background:linear-gradient(135deg,var(--brand-accent-pale),var(--brand-accent-tint))}
#app-shell .today-action:hover,
#app-shell .today-action:focus-visible{border-color:var(--brand-accent-border);background:var(--brand-accent-pale)}
#app-shell .tag:not(.orange):not(.grey):not(.red){background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .guide-grid article>span{background:var(--brand-accent-tint)}
#app-shell .kitchen-guide-card:hover,
#app-shell .kitchen-guide-card[open]{border-color:var(--brand-accent-border);box-shadow:0 8px 22px var(--brand-accent-shadow)}
#app-shell .onboarding-progress{border-color:var(--brand-accent-border)}
#app-shell .onboarding-task.is-done .onboarding-task-number{background:var(--brand-accent-tint);color:var(--brand-accent-tone)}
#app-shell .check-box.checked{background:var(--brand-accent-mid);border-color:var(--brand-accent-mid);color:var(--brand-accent-ink)}
#app-shell .safety-phase-card .checklist-row.is-done .check-content b{color:var(--brand-accent-tone)}
#app-shell .sync-status:not([data-state="saving"]):not([data-state="error"]){background:var(--brand-accent-pale);color:var(--brand-accent-tone)}
#app-shell .fsa-profile-panel,
#app-shell .fsa-selected-row{border-color:var(--brand-accent-border);background:var(--brand-accent-pale)}
#app-shell .fsa-sticker-icon{background:var(--brand-accent-tone);color:#fff}
#app-shell .fsa-sticker-link,
#app-shell .fsa-rating strong{color:var(--brand-accent-tone)}
#app-shell .connection-next-step,
#app-shell .onboarding-card,
#app-shell .event-discovery{border-color:var(--brand-accent-border);background:linear-gradient(125deg,var(--brand-accent-pale),#fff 76%)}
#app-shell .connection-next-step>div span{border-color:var(--brand-accent-border);color:var(--brand-accent-tone)}
#app-shell .weather-facts span,
#app-shell .connection-coverage{background:var(--brand-accent-pale)}
#app-shell .lookup-status a,
#app-shell .vehicle-credit a{color:var(--brand-accent-tone)}
#app-shell .square-connect-actions .square-sync-cta:focus-visible{outline-color:var(--brand-accent)}

/* Improve homepage contrast and tie sidebar to the selected accent. */
#marketing-home .marketing-integrations .integration-story .eyebrow{color:#d8f49a!important}
#marketing-home .marketing-integrations .integration-story h2{color:#fff!important}
#marketing-home .marketing-integrations .integration-story>p{color:#e4ede3!important}
#marketing-home .marketing-integrations .integration-story .integration-current{color:#e4ede3!important;border-left-color:#c6ef65}
#marketing-home .marketing-integrations .integration-story .marketing-text-link{color:#d8f49a!important}
#app-shell .sidebar{background:var(--theme-sidebar-bg)!important}
#app-shell .nav-item.active{background:var(--theme-sidebar-active)!important;color:var(--theme-sidebar-accent)!important}
#app-shell .nav-item:hover{background:var(--theme-sidebar-hover)!important}
#app-shell .nav-count{background:var(--theme-sidebar-active)!important}
#app-shell .button-primary,#app-shell .button-lime{border-radius:var(--button-radius,10px)}
html[data-button-shape="pill"] #app-shell .button-primary,html[data-button-shape="pill"] #app-shell .button-lime{--button-radius:999px}
html[data-button-shape="square"] #app-shell .button-primary,html[data-button-shape="square"] #app-shell .button-lime{--button-radius:4px}
html[data-card-style="crisp"] #app-shell .card{border-radius:8px;box-shadow:none}
html[data-card-style="elevated"] #app-shell .card{box-shadow:0 12px 30px rgba(24,42,30,.1)}
html[data-contrast="high"]{--muted:#526056;--line:#c4cec3}
html[data-contrast="high"] #app-shell .card p,html[data-contrast="high"] #app-shell .field small,html[data-contrast="high"] #app-shell .stat-foot{color:#46534a}
html[data-density="spacious"] #app-shell .page-wrap{padding-top:40px;padding-bottom:34px}
html[data-density="spacious"] #app-shell .grid,html[data-density="spacious"] #app-shell .content-grid,html[data-density="spacious"] #app-shell .section-grid{gap:22px}
html[data-text-size="extra-large"] #app-shell{font-size:16px}
html[data-text-size="extra-large"] #app-shell .page-header p,html[data-text-size="extra-large"] #app-shell .card p,html[data-text-size="extra-large"] #app-shell .note-panel,html[data-text-size="extra-large"] #app-shell .field label,html[data-text-size="extra-large"] #app-shell .settings-card label{font-size:calc(1em + 2px)}