/* HAPPY TAZ V1.3.9 - Optional palettes only; existing skins remain untouched. */
.ht-skin-picker{margin:16px 0;padding:16px;border:1px solid var(--line,#e8dff4);border-radius:16px;background:var(--card,#fff)}
.ht-skin-picker h3{margin:0 0 5px;font-size:17px}.ht-skin-picker p{margin:0 0 12px;font-size:12px;color:var(--muted,#6d6875)}
.ht-skin-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:11px}
.ht-skin-option{background:var(--card,#fff);color:var(--text,#261239);border:2px solid var(--line,#e2d8ee);border-radius:13px;padding:8px;text-align:left;cursor:pointer;font:inherit;min-width:0}
.ht-skin-option:focus-visible{outline:3px solid #8d56e9;outline-offset:3px}.ht-skin-option[aria-pressed="true"]{border-color:#ad63e8;box-shadow:0 0 0 3px #aa65ed20}
.ht-skin-swatch{display:block;height:68px;border-radius:9px;position:relative;overflow:hidden}
.ht-skin-swatch:before{content:"";position:absolute;top:10px;left:10px;bottom:10px;width:23%;border-radius:6px;background:#ffffff53}
.ht-skin-swatch:after{content:"";position:absolute;top:16px;right:10px;bottom:14px;width:55%;border-radius:6px;background:#ffffffc9;box-shadow:inset 0 10px #ffffff8a}
.ht-skin-caption{display:block;padding:8px 3px 3px}.ht-skin-caption strong{display:block;font-size:12px}.ht-skin-caption small{font-size:10px;color:var(--muted,#787080)}
/* Color rules scoped to NEW skin identifiers; original remains pixel-for-pixel unchanged. */
body[data-skin="aurora"],body[data-skin="blush"],body[data-skin="lagoon"],body[data-skin="emerald"],body[data-skin="sunset"],body[data-skin="midnight"]{--primary:var(--ht-skin-primary)!important;--primary2:var(--ht-skin-primary2)!important;--accent:var(--ht-skin-primary)!important;--accent2:var(--ht-skin-pale)!important;--line:var(--ht-skin-line)!important;--muted:var(--ht-skin-muted)!important}
body[data-skin="aurora"]{--ht-skin-a:#2c126f;--ht-skin-b:#954dd8;--ht-skin-c:#dbb5ff;--ht-skin-primary:#6e2cb9;--ht-skin-primary2:#b34edc;--ht-skin-pale:#f4e7ff;--ht-skin-bg:#faf6ff;--ht-skin-line:#e6d2f7;--ht-skin-muted:#756484}
body[data-skin="blush"]{--ht-skin-a:#86345f;--ht-skin-b:#dc6a9a;--ht-skin-c:#ffb3c8;--ht-skin-primary:#b83f81;--ht-skin-primary2:#ed8dba;--ht-skin-pale:#ffebf3;--ht-skin-bg:#fff9fc;--ht-skin-line:#f2d8e5;--ht-skin-muted:#856b7c}
body[data-skin="lagoon"]{--ht-skin-a:#123c7f;--ht-skin-b:#2380cf;--ht-skin-c:#8ed8f4;--ht-skin-primary:#1e72b7;--ht-skin-primary2:#29abd6;--ht-skin-pale:#e6f5ff;--ht-skin-bg:#f7fbff;--ht-skin-line:#d5e8f6;--ht-skin-muted:#627b8f}
body[data-skin="emerald"]{--ht-skin-a:#124e45;--ht-skin-b:#278b76;--ht-skin-c:#9ce2cb;--ht-skin-primary:#207e6b;--ht-skin-primary2:#45b598;--ht-skin-pale:#e7f8f1;--ht-skin-bg:#f6fcf9;--ht-skin-line:#d3e9dd;--ht-skin-muted:#607c70}
body[data-skin="sunset"]{--ht-skin-a:#8e3d49;--ht-skin-b:#e78171;--ht-skin-c:#ffd19a;--ht-skin-primary:#c35e62;--ht-skin-primary2:#f2a16a;--ht-skin-pale:#fff0e8;--ht-skin-bg:#fffaf6;--ht-skin-line:#f2ddcf;--ht-skin-muted:#8b746f}
body[data-skin="midnight"]{--ht-skin-a:#17112d;--ht-skin-b:#383168;--ht-skin-c:#7564b3;--ht-skin-primary:#6c54ad;--ht-skin-primary2:#a78fe0;--ht-skin-pale:#322849;--ht-skin-bg:#181522;--ht-skin-line:#443953;--ht-skin-muted:#c0b4d2}
body[data-skin="aurora"],body[data-skin="blush"],body[data-skin="lagoon"],body[data-skin="emerald"],body[data-skin="sunset"]{--bg:var(--ht-skin-bg)!important;background:linear-gradient(135deg,var(--ht-skin-bg),var(--ht-skin-pale))!important}
body[data-skin="aurora"] .shell>.sidebar,body[data-skin="blush"] .shell>.sidebar,body[data-skin="lagoon"] .shell>.sidebar,body[data-skin="emerald"] .shell>.sidebar,body[data-skin="sunset"] .shell>.sidebar,body[data-skin="midnight"] .shell>.sidebar{background:linear-gradient(165deg,var(--ht-skin-a),var(--ht-skin-b) 65%,var(--ht-skin-c))!important}
body[data-skin="aurora"] .shell>.sidebar .nav a.active,body[data-skin="blush"] .shell>.sidebar .nav a.active,body[data-skin="lagoon"] .shell>.sidebar .nav a.active,body[data-skin="emerald"] .shell>.sidebar .nav a.active,body[data-skin="sunset"] .shell>.sidebar .nav a.active,body[data-skin="midnight"] .shell>.sidebar .nav a.active{background:linear-gradient(90deg,var(--ht-skin-b),var(--ht-skin-c))!important}
body[data-skin="aurora"] .btn-primary,body[data-skin="blush"] .btn-primary,body[data-skin="lagoon"] .btn-primary,body[data-skin="emerald"] .btn-primary,body[data-skin="sunset"] .btn-primary,body[data-skin="midnight"] .btn-primary{background:linear-gradient(95deg,var(--ht-skin-primary),var(--ht-skin-primary2))!important;color:#fff!important}
body[data-skin="aurora"] :is(.card,.stat,.calendar-wrap,.client,.topbar,.quick-action),body[data-skin="blush"] :is(.card,.stat,.calendar-wrap,.client,.topbar,.quick-action),body[data-skin="lagoon"] :is(.card,.stat,.calendar-wrap,.client,.topbar,.quick-action),body[data-skin="emerald"] :is(.card,.stat,.calendar-wrap,.client,.topbar,.quick-action),body[data-skin="sunset"] :is(.card,.stat,.calendar-wrap,.client,.topbar,.quick-action){border-color:var(--ht-skin-line)!important}
body[data-skin="aurora"] :is(input,select,textarea):focus,body[data-skin="blush"] :is(input,select,textarea):focus,body[data-skin="lagoon"] :is(input,select,textarea):focus,body[data-skin="emerald"] :is(input,select,textarea):focus,body[data-skin="sunset"] :is(input,select,textarea):focus{border-color:var(--ht-skin-primary)!important;box-shadow:0 0 0 3px var(--ht-skin-line)!important}
/* Appointment panel uses hard-coded purple in v134: tint its main accents as well. */
body[data-skin="aurora"] #apptModal .ht134-estimate,body[data-skin="blush"] #apptModal .ht134-estimate,body[data-skin="lagoon"] #apptModal .ht134-estimate,body[data-skin="emerald"] #apptModal .ht134-estimate,body[data-skin="sunset"] #apptModal .ht134-estimate{background:var(--ht-skin-pale)!important;color:var(--ht-skin-primary)!important}
body[data-skin="midnight"]{--bg:#181522!important;--card:#262136!important;--text:#f7f2ff!important;--line:#443953!important;color:var(--text)!important;background:linear-gradient(135deg,#181522,#28223c)!important}
body[data-skin="midnight"] :is(.card,.stat,.calendar-wrap,.client,.topbar,.quick-action){background:#29243a!important;border-color:#443953!important;color:#f7f2ff!important}
body[data-skin="midnight"] :is(.card h2,.card h3,.hello h1,.section-head h2,.topbar h2){color:#f7f2ff!important}
body[data-skin="midnight"] :is(input,select,textarea){background:#302a40!important;color:#fff!important;border-color:#62546f!important}
body[data-skin="midnight"] #apptModal.ht134-booking>.modal-box{background:#221c30!important;color:#fff!important}
body[data-skin="midnight"] #apptModal :is(.ht134-panel,.ht134-top){background:#30263f!important;border-color:#625276!important;color:#fff!important}
body[data-skin="midnight"] #apptModal :is(.ht134-panel h3,.modal-head h2,label){color:#f6eeff!important}
body[data-skin="midnight"] #apptModal .ht134-style-choice{background:#3a304c!important;color:#fff!important}
@media(max-width:650px){.ht-skin-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-skin-picker{padding:10px}}