/* Soft, colourful palette shared by customer and salon screens. */
:root{--ink:#354c49;--plum:#744466;--mint:#edf9f3;--line:#e2e7e9}
body{background:linear-gradient(135deg,#effaf5 0%,#faf3fb 55%,#fff6ee 100%);background-attachment:fixed}
header{background:#ffffffee}.notice{color:#5b6b65}.calendar{background:#eadcf7;color:#5c3c76;border-color:#d8c5e9}.salon-entry{background:#def3ec;color:#315c50;border-color:#c3e5d9}
.primary,.bookingactions .primary,.workspace .sectionhead>.primary{background:#efd2e2;color:#66344f;border-color:#dbb0c7}
.bookingactions button:not(.primary){background:#e9e1f7;color:#59466e;border-color:#d7c8ea}
.hero{background:#edf7f1}.hero:after{background:linear-gradient(90deg,#f2fbf5 0%,#f2fbf5ed 25%,#f2fbf57a 52%,transparent 80%)}.hero h1{color:#36544c}.hero p{color:#425c52}
.cat{background:#f7edf4}.cat:after{background:linear-gradient(transparent 35%,#f7e1ecef 100%)}.cat strong{color:#4e3642}.cat:nth-child(2):after{background:linear-gradient(transparent 35%,#eee3f9f5 100%)}.cat:nth-child(3):after{background:linear-gradient(transparent 35%,#def3edf5 100%)}.cat:nth-child(4):after{background:linear-gradient(transparent 35%,#ffe8d6f5 100%)}
.card{background:#fffefd;border-color:#e2e7e5}.cardbottom button{background:#f8e7f0;color:#734660}.tag{background:#f3e4f8;color:#6b4878}
.accessorylink{background:linear-gradient(110deg,#ffe7d6,#f8deec);border-color:#edd5cf;color:#6c484b}.accessorylink button{color:#713d5a}
.bottomnav{background:#fffefa}.bottomnav button.selected{background:#eadff6;color:#604271}
.stat:nth-child(1){background:#f9e5ee}.stat:nth-child(2){background:#e4f4ec}.stat:nth-child(3){background:#f1e8fb}
.toolcard:nth-child(6n+1){background:#faeaf1}.toolcard:nth-child(6n+2){background:#e7f5ef}.toolcard:nth-child(6n+3){background:#fff0e1}.toolcard:nth-child(6n+4){background:#eee7fa}.toolcard:nth-child(6n+5){background:#e7f2fb}.toolcard:nth-child(6n+6){background:#fcf2d9}.toolcard>span{background:#ffffffa8;color:#715074}.toolcard small{color:#53675e}
.workspace .tabs button.selected,.selected{background:#eadff6;color:#604271}.invite-salon{background:#fff0e1;color:#73523d;border-color:#ecd3b9}.invite-channel{background:#f5eafa}.future{background:#f8f2fc}.help,.meta,p{color:#596e65}#toast{background:#e4f1eb;color:#304e42;border:1px solid #b9d8c8}button:hover{filter:brightness(.98)}

/* Wellness services share the home category grid. */
.wellness-cat{background:#e3f3ed}.wellness-cat:nth-child(6){background:#eee4f8}.wellness-cat:nth-child(7){background:#ffe9d9}.wellness-cat:nth-child(8){background:#e1eef9}
.wellness-cat:after{display:none}.category-icon{display:block;font-size:32px;position:absolute;top:14px;left:16px}.wellness-cat strong{right:6px;line-height:1.15;text-align:left}.cat:focus-visible{outline:3px solid #744466;outline-offset:3px}
@media(max-width:600px){.category-icon{font-size:25px;top:8px;left:9px}.wellness-cat strong{font-size:12px}}

.wellness-cat:nth-child(9){background:#f8e2ed}.wellness-cat:nth-child(10){background:#e1f2f5}.wellness-cat:nth-child(11){background:#fff0d9}.wellness-cat:nth-child(12){background:#e9e3f8}
/* Photo tiles match the original services with soft, readable labels. */
.cat:nth-child(n+5):after{background:linear-gradient(transparent 25%,#f7e1ecf5 100%)}
.cat:nth-child(4n+2):after{background:linear-gradient(transparent 25%,#eee3f9f5 100%)}
.cat:nth-child(4n+3):after{background:linear-gradient(transparent 25%,#def3edf5 100%)}
.cat:nth-child(4n):after{background:linear-gradient(transparent 25%,#ffe8d6f5 100%)}
.cat strong{right:6px;line-height:1.15;text-align:left}
@media(max-width:600px){.cat:nth-child(n+5) strong{font-size:12px}}
/* Highlight every service tile while preserving the photo grid. */
.categories .cat{--tile-accent:#dea3bf;--tile-glow:#e8bad15c;border:3px solid var(--tile-accent);box-shadow:0 4px 12px var(--tile-glow);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.categories .cat:nth-child(4n+2){--tile-accent:#bba5df;--tile-glow:#c8b8e85c}
.categories .cat:nth-child(4n+3){--tile-accent:#8dcbb6;--tile-glow:#a4d9c55c}
.categories .cat:nth-child(4n){--tile-accent:#e9b48b;--tile-glow:#f3c7a65c}
.categories .cat strong{text-shadow:0 1px 5px #ffffffb3}
.categories .cat.selected{border-color:#744466;box-shadow:0 0 0 2px #fff,0 0 0 4px #744466,0 5px 14px #74446630}
@media(hover:hover){.categories .cat:hover{transform:translateY(-2px);box-shadow:0 7px 18px var(--tile-glow);filter:none}.categories .cat.selected:hover{box-shadow:0 0 0 2px #fff,0 0 0 4px #744466,0 7px 18px #74446630}}
@media(prefers-reduced-motion:reduce){.categories .cat{transition:none}.categories .cat:hover{transform:none}}
.listing-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.sample-badge{font-size:10px;font-weight:600;background:#f2eaf8;color:#684b78;padding:4px 7px;border-radius:20px}.listing-desc{font-size:13px;line-height:1.5;margin:0 0 14px}.grid .card{display:flex;flex-direction:column}.grid .card .pad{flex:1;display:flex;flex-direction:column}.grid .card .cardbottom{margin-top:auto}