/* Camada final: componentes compartilham os tokens de cada paleta. */
.side{color:var(--side-text);background:var(--side)}
.side .brand,.side .user,.side .label,.side .sidefoot{color:var(--side-text)}
.side .muted,.side .brand small,.side .label{color:var(--side-muted);opacity:1}
.side .nav button,.side .mode button{color:var(--side-muted)}
.side .nav button:hover,.side .mode button:hover{background:var(--side-hover);color:var(--side-text)}
.side .nav button.active,.side .mode button.active{background:var(--side-selected);color:var(--side-active)}
.side .mode,.side .user{background:color-mix(in srgb,var(--side-text) 5%,var(--side));border-color:color-mix(in srgb,var(--side-text) 20%,var(--side))}
.side .btn{background:var(--side);color:var(--side-text);border-color:color-mix(in srgb,var(--side-text) 32%,var(--side))}
.side .btn:hover{background:var(--side-hover)}
.btn.primary,#finish.btn.primary,.discount-gardener,.discount-customer{color:var(--primary-text)!important}
.btn.soft,.badge.ok,.theme-check{color:var(--green)}
.field::placeholder{color:var(--muted);opacity:1}
.wa-brand-icon{color:var(--primary-text)}
.wa-total strong,.wa-eyebrow,.wa-photo-empty span{color:var(--green)}
.wa-lead:hover{border-color:var(--green)}
.wa-editor-info>svg{color:var(--info)}
.theme-choice{min-height:106px}.theme-choice-copy small{line-height:1.5}.theme-modal-head p{line-height:1.6}
.theme-choice:focus-visible{outline:2px solid var(--green);outline-offset:3px}
html[data-theme-kind="light"] input[type="date"],html[data-theme-kind="light"] input[type="datetime-local"],html[data-theme-kind="light"] input[type="time"]{color-scheme:light}
html[data-theme-kind="dark"] .tv-hero,html[data-theme-kind="dark"] .tv-launch{color:var(--primary-text)}
@media(max-width:500px){.theme-choice{grid-template-columns:76px minmax(0,1fr) 18px;gap:10px;padding:10px}.theme-preview{width:76px}.theme-choice-copy strong{font-size:12px}.theme-choice-copy small{font-size:10px}.system-choice{grid-template-columns:36px minmax(0,1fr) 18px}.system-theme-icon{width:34px;height:34px}.modal-actions{flex-wrap:wrap}}
/* Mantém o seletor de aparência acessível no tablet e no celular. */
@media(max-width:1100px){.side .sidefoot,.sidebar-collapsed .side .sidefoot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:4px}.side .side-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:none}.side .side-tool-btn{flex:1;min-width:100px}.side .user{min-width:0}}
@media(max-width:500px){.side .sidefoot,.sidebar-collapsed .side .sidefoot{grid-template-columns:1fr}.side .side-tools{width:100%}}
.side .side-tool-btn{background:color-mix(in srgb,var(--side-text) 6%,var(--side));color:var(--side-text);border-color:color-mix(in srgb,var(--side-text) 25%,var(--side))}
.side .side-tool-btn:hover{background:var(--side-hover)}