.service-picker {
 --service-tint:#fffaf8;
 --service-border:#d9c7bf;
 --service-ink:#523327;
 display:grid;
 gap:12px;
}
:is(.service-picker, .event, .visit-card, .entry-category-option)[data-category=manicure] { --service-tint:#fae8ee; --service-border:#cd9daf; --service-ink:#70324b; }
:is(.service-picker, .event, .visit-card, .entry-category-option)[data-category=gel] { --service-tint:#efe8f7; --service-border:#bfa7d0; --service-ink:#5d3e72; }
:is(.service-picker, .event, .visit-card, .entry-category-option)[data-category=pedicure] { --service-tint:#e7f0e9; --service-border:#9ebba6; --service-ink:#355d42; }
:is(.service-picker, .event, .visit-card, .entry-category-option)[data-category=brows] { --service-tint:#f6eadb; --service-border:#c9a981; --service-ink:#654727; }
.service-picker label { display:grid; gap:5px; min-width:0; font-weight:700; }
.service-picker select {
 width:100%;
 min-width:0;
 min-height:48px;
 padding:9px 12px;
 border:1px solid var(--service-border);
 border-radius:8px;
 background:var(--service-tint);
 color:var(--service-ink);
 font:inherit;
 font-size:16px;
}
.team .stack .service-picker select { border-color:var(--service-border); background:var(--service-tint); color:var(--service-ink); }
.service-picker select:disabled { opacity:.65; }
.booking-service-picker { max-width:34rem; }
.booking-service-picker p { color:var(--service-ink); font-weight:650; }
.booking-service-picker .primary { justify-self:start; white-space:normal; }

#entry-service-info { grid-column:1 / -1; overflow-wrap:anywhere; }
.team .event[data-kind=appointment][data-category],
.team .visit-card[data-kind=appointment][data-category] {
 background:var(--service-tint,#f4e0e5);
 border-block-color:var(--service-border,#d7a6b3);
 border-inline-end-color:var(--service-border,#d7a6b3);
}

.entry-category-control { display:grid; gap:5px; min-width:0; font-weight:700; }
.entry-category-toggle,
.entry-category-option {
 min-height:48px;
 padding:9px 12px;
 border:1px solid var(--service-border);
 border-radius:8px;
 background:var(--service-tint);
 color:var(--service-ink);
 text-align:left;
 font-size:16px;
 overflow-wrap:anywhere;
}
.entry-category-toggle { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.entry-category-toggle:disabled { cursor:default; opacity:.65; }
.entry-category-options { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.entry-category-option { display:flex; align-items:center; gap:8px; font-weight:700; }
.entry-category-option[data-category=""] {
 grid-column:1 / -1;
 --service-tint:#fffaf8;
 --service-border:#d9c7bf;
 --service-ink:#523327;
}
.entry-category-option:not([data-category=""])::before {
 content:"";
 flex:0 0 9px;
 height:9px;
 border-radius:50%;
 background:var(--service-ink);
}
.entry-category-option[aria-pressed=true] { border-color:var(--service-ink); }