/* Shared action colors: pair every background with its own readable label. */
:root{--action-bg:#e6eefc;--action-ink:#19395f;--action-border:#718aac;--action-hover:#d6e3f8}
.cs-architecture,.cs-cafe,.cs-flower,.cs-fitness{--action-bg:#e8eee5;--action-ink:#294330;--action-border:#71856d;--action-hover:#dce6d8}
.cs-salon,.cs-bar{--action-bg:#f7e8ef;--action-ink:#64324b;--action-border:#947086;--action-hover:#efd9e5}
.cs-hotel{--action-bg:#eeeede;--action-ink:#41442c;--action-border:#7c7e5d;--action-hover:#e4e4ce}
.cs-dental{--action-bg:#e4f1ef;--action-ink:#22534f;--action-border:#638883;--action-hover:#d4e8e4}
body :is(.sp-button,.button,.vg-button,.account-button,.demo-action,.cs-button,.cs-header-cta,.cs-mobile-primary,.cs-mobile-access,.sb-button,.cal-button,.premium-button,.sf2-demo-button,.special-button,.help-toggle,:where(.help-form) button,:where(.hero-prompt>div)>button){
 background:var(--action-bg)!important;color:var(--action-ink)!important;border:1px solid var(--action-border)!important;
 min-height:44px;line-height:1.5;font-weight:650;text-shadow:none;opacity:1;text-decoration:none;
 transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;
}
body :is(.sp-button,.button,.vg-button,.account-button,.demo-action,.cs-button,.cs-header-cta,.cs-mobile-primary,.cs-mobile-access,.sb-button,.cal-button,.premium-button,.sf2-demo-button,.special-button,.help-toggle,:where(.help-form) button,:where(.hero-prompt>div)>button):is(:hover,:active):not(:disabled):not([aria-disabled=true]){
 background:var(--action-hover)!important;color:var(--action-ink)!important;border-color:var(--action-ink)!important;box-shadow:0 3px 10px #25344b12;transform:translateY(-1px);
}
body :is(.sp-button,.button,.vg-button,.account-button,.demo-action,.cs-button,.sb-button,.cal-button):is(.secondary,.outline,.white,.light,.cs-outline),body .cs-mobile-access{
 background:#fff!important;color:var(--action-ink)!important;
}
body :is(.sp-button,.button,.vg-button,.account-button,.demo-action,.cs-button,.sb-button,.cal-button):is(.secondary,.outline,.white,.light,.cs-outline):hover:not(:disabled){background:var(--action-bg)!important}
body :is(.sp-button,.button,.vg-button,.account-button,.demo-action,.cs-button,.sb-button,.sf2-demo-button,.special-button) :is(span,strong,b,small){color:inherit!important}
body :is(.account-button.danger,.sb-button.danger){background:#fbeaec!important;color:#792939!important;border-color:#b67480!important}
body :is(.account-button.danger,.sb-button.danger):hover:not(:disabled){background:#f6d9de!important;color:#792939!important;border-color:#792939!important}
body :is(.sb-button.green,button.is-complete){background:#e0f0e7!important;color:#20523d!important;border-color:#698c7b!important}
body :is(.sb-button.green,button.is-complete):hover:not(:disabled){background:#cee7d9!important;color:#20523d!important;border-color:#20523d!important}
body :is(.cs-filters,.de-tabs,.sb-tabs,.sb-day-quick,.vg-tabs,.example-tabs,.example-result-toolbar) button[aria-pressed=true],body .de-day-select button.active,body .special-slot.selected,body .filters button.active{
 background:var(--action-bg)!important;color:var(--action-ink)!important;border-color:var(--action-ink)!important;font-weight:750;box-shadow:inset 0 0 0 1px var(--action-ink);opacity:1;
}
body .sb-choices button[aria-pressed=true],body .sf2-wish-demo button[aria-pressed=true]{background:#e0f0e7!important;color:#20523d!important;border-color:#20523d!important;box-shadow:inset 0 0 0 1px #20523d;font-weight:750}
body .sb-choices button[data-choice=either][aria-pressed=true]{background:#fff0c7!important;color:#684700!important;border-color:#967323!important;box-shadow:inset 0 0 0 1px #967323}
body .sb-choices button[data-choice=no][aria-pressed=true]{background:#eef1f5!important;color:#485563!important;border-color:#6d7a8a!important;box-shadow:inset 0 0 0 1px #6d7a8a}
/* Disabled state wins over legacy action and selected-state styles. */
@layer site-disabled{body button:disabled,body [aria-disabled=true]{background:#f1f3f6!important;color:#566377!important;border-color:#a3afbf!important;opacity:1!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #345a84;outline-offset:3px}
body :is(button,[role=button]):active:not(:disabled){transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){body :is(button,[role=button],.sp-button,.button,.vg-button,.account-button,.demo-action,.cs-button,.sb-button){transition:none!important;transform:none!important}}