/* Same compact salon choice for public booking and the company sheet. */
.booking-salon-choice { display:flex; align-items:center; gap:12px; width:100%; min-width:0; min-height:76px; padding:14px 16px; border:1px solid #e6e7e9; border-radius:16px; background:#fff; color:#272a2e; text-align:left; box-shadow:none; cursor:pointer; }
.booking-salon-choice:hover { background:#f8f9fa; border-color:#d7dadf; }
.booking-salon-choice:focus-visible { outline:2px solid #858d98; outline-offset:2px; }
.booking-salon-choice .booking-salon-icon { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:12px; background:#f1f3f5; color:#727b86; }
.booking-salon-icon svg { width:22px; height:22px; }
.booking-salon-choice .booking-salon-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:4px; }
.booking-salon-copy strong { font-size:14px; font-weight:600; line-height:1.4; }
.booking-salon-copy small { font-size:12px; font-weight:400; line-height:1.45; color:#777e88; overflow-wrap:anywhere; }
.booking-salon-choice .booking-salon-arrow { flex:0 0 18px; width:18px; height:18px; color:#9299a2; }
.ab-staff-content .booking-salon-choice + .booking-salon-choice { margin-top:10px; }
@media(max-width:480px) { .booking-salon-choice { padding:12px; gap:10px; min-height:72px; } }