/* Shared semantic styles: future palettes only need an entry in themes.js. */
html[data-mayu-palette] body{background:var(--bg);color:var(--text)}
html[data-mayu-palette] :is(.sidebar,.sidebar-account,.bottom-nav){background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-mayu-palette] :is(.card,.auth-card,.modal,.category-card,.plan-card,.notice,.context-scope-v9,.profit-hero,.upgrade-panel,.pay-period-controls){background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)}
html[data-mayu-palette] :is(.row,.line-items,.check-grid label,.variable-price-row,.nav-order-row-v826,.theme-option-v826,.mini-kpis span,.pay-split span,.calendar-day,.invoice-row-v920,.invoice-summary-grid-v920>div){background:var(--panel2)!important;border-color:var(--line)!important;color:var(--text)}
html[data-mayu-palette] :is(.shell,.modal,.auth-card,.auth-card-v817,.public-demo-bar) :is(input,select,textarea){background:var(--panel2)!important;color:var(--text)!important;border-color:var(--line)!important;color-scheme:inherit}
html[data-mayu-palette] :is(.shell,.modal,.auth-card,.auth-card-v817) input::placeholder,html[data-mayu-palette] :is(.shell,.modal,.auth-card,.auth-card-v817) textarea::placeholder{color:var(--muted);opacity:1}
html[data-mayu-palette] :is(.shell,.modal) a:not(.btn){color:var(--accent)}
html[data-mayu-palette] :is(.muted,.label,.field label,.field small,.sidebar-account small,.service-card small,.auth-plan-features-v817,.auth-plan-v817 small){color:var(--muted)!important}
html[data-mayu-palette] :is(.brand-tag,.auth-brand-tag,.assigned-line,.mayu-ai-eyebrow-v931,.mayu-ai-nav-v931>span,.mayu-ai-top-launch-v932>span,.upgrade-icon){color:var(--accent)!important}
html[data-mayu-palette] :is(.btn,.auth-tabs button.active){background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important;box-shadow:none}
html[data-mayu-palette] :is(.btn.secondary,.mini,.auth-tabs button:not(.active)){background:var(--panel2)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-mayu-palette] :is(.mini.active,.scope-option-v9.active,.report-toolbar-v825 .mini.active,.period-selector .mini.active,.nav button.active,.nav button:hover,.theme-option-v826.active){background:var(--panel2)!important;color:var(--text)!important;border-color:var(--accent)!important;box-shadow:inset 3px 0 0 var(--accent)!important}
html[data-mayu-palette] :is(.pill,.green,.gold){background:var(--panel2)!important;border-color:var(--line)!important}
html[data-mayu-palette] .pill{color:var(--accent)!important}
html[data-mayu-palette] .green{color:var(--green)!important}
html[data-mayu-palette] .gold{color:var(--accent2)!important}
html[data-mayu-palette] .error-box{background:var(--panel2);border-color:var(--danger);color:var(--danger)}
html[data-mayu-palette] .trend-good-v825{color:var(--green)!important}
html[data-mayu-palette] .trend-down-v825{color:var(--danger)!important}
html[data-mayu-palette] :is(.chart-axis-v814,.donut-center-label-v814){fill:var(--muted)!important}
html[data-mayu-palette] .donut-center-value-v814{fill:var(--text)!important}
html[data-mayu-palette] :is(.chart-grid-v814,.chart-grid,.chart-axis){stroke:var(--line)!important}
html[data-mayu-palette] :is(.line-chart polyline,.trend-line-v814){stroke:var(--accent)!important}
html[data-mayu-palette] .performance-track{background:var(--panel2)}
html[data-mayu-palette] .performance-track i{background:var(--accent)}
html[data-mayu-palette] :is(.job-status-v922,.invoice-status-v920){background:var(--panel2)!important;border-color:var(--line)!important}
html[data-mayu-palette] :is(.status-paid,.status-complete){color:var(--green)!important}
html[data-mayu-palette] .status-overdue{color:var(--danger)!important}
html[data-mayu-palette] :is(.status-unpaid,.status-partial,.status-partially-paid){color:var(--accent2)!important}
html[data-mayu-palette] :is(.status-invoiced,.status-scheduled,.status-sent,.status-due,.status-open){color:var(--accent)!important}
html[data-mayu-palette] input:is([type=date],[type=time])::-webkit-calendar-picker-indicator{filter:none}
html[data-mayu-palette] :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.theme-choice-v826{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.theme-option-v826{border-radius:8px;min-height:76px}
.theme-option-v826 strong,.theme-option-v826 small{min-width:0;overflow-wrap:anywhere}
.public-demo-actions label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.public-demo-bar #publicDemoTheme{width:auto;max-width:220px}
@media(max-width:700px){.public-demo-actions{flex-wrap:wrap}.public-demo-bar #publicDemoTheme{order:0;max-width:100%}.public-demo-actions label{flex:1 1 170px}.theme-choice-v826{grid-template-columns:1fr}}
@media(max-width:620px){.shell .top{flex-direction:column;gap:12px}.shell .top .actions{justify-content:flex-start}.shell .top .actions .btn{min-height:44px}}
/* Export previews deliberately use paper colors, independent of workspace theme. */
.public-demo-report,.public-demo-report :is(h1,h2,h3,strong,b,th,td){color:#172033!important}
.public-demo-report .report-preview-v8138{background:#fff;color:#172033}
@media print{html[data-mayu-palette] body{background:#fff;color:#172033}}