.ops-body button.ops-choice-trigger { box-sizing: border-box; width: 100%; min-width: 0; min-height: 58px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; padding: 11px 12px; border: 1px solid #cbd2ce; border-radius: 9px; background: #fff; color: #252c27; text-align: left; }
.ops-choice-trigger strong { max-width: 100%; font-size: 1rem; line-height: 1.35; word-break: normal; overflow-wrap: break-word; }
.ops-choice-trigger > span { flex: none; font-size: .8125rem; line-height: 1.3; color: #506457; }
.ops-body button.ops-choice-trigger:hover { border-color: #426a50; background: #f5f8f5; color: #252c27; }
/* Enhanced fields need enough room inside the narrow appointment sidebar. */
.ops-edit-service-grid:has(.ops-choice-trigger) { grid-template-columns: minmax(0, 1fr) 100px; align-items: start; }
.ops-edit-service-grid:has(.ops-choice-trigger) > label:first-child { grid-column: 1 / -1; }
.ops-edit-service-grid:has(.ops-choice-trigger) > label { min-width: 0; }
.ops-contributor-row:has(.ops-choice-trigger) { grid-template-columns: minmax(65px, .8fr) minmax(112px, 1.2fr) minmax(65px, .7fr); }
.ops-contributor-row:has(.ops-choice-trigger) > label:first-child { grid-column: 1 / -1; }
.ops-choice-trigger:focus-visible, .ops-choice-dialog button:focus-visible, .ops-choice-dialog input:focus-visible { outline: 3px solid #426a50; outline-offset: 3px; }
.ops-choice-dialog { box-sizing: border-box; width: min(780px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 40px); margin: auto; padding: 0; border: 1px solid #dce3dc; border-radius: 20px; background: #fff; color: #252c27; box-shadow: 0 24px 70px #0e12173d; overflow: hidden; }
.ops-choice-dialog[open] { display: flex; flex-direction: column; }
.ops-choice-dialog::backdrop { background: #10171275; }
.ops-choice-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px 14px; flex: none; }
.ops-choice-header p { margin: 0 0 6px; color: #657168; font-size: .875rem; font-weight: 700; letter-spacing: .1em; }
.ops-choice-header h2 { margin: 0; font-size: 1.65rem; line-height: 1.2; }
.ops-choice-dialog button { font-family: inherit; cursor: pointer; }
.ops-choice-header button { flex: none; width: 46px; height: 46px; padding: 0; border: 1px solid #cbd2ce; border-radius: 10px; background: #fff; color: #252c27; font-size: 1.6rem; }
.ops-choice-tools { padding: 0 24px 12px; border-bottom: 1px solid #e0e5df; flex: none; }
.ops-choice-search-label { display: block; margin-bottom: 6px; font-size: .875rem; font-weight: 700; }
.ops-choice-tools input { box-sizing: border-box; width: 100%; min-height: 48px; border: 1px solid #bac5bd; border-radius: 9px; padding: 12px 14px; font: inherit; font-size: 1rem; background: #fff; color: #252c27; }
.ops-choice-categories { display: flex; gap: 8px; overflow-x: auto; padding: 12px 2px 5px; scrollbar-width: thin; }
.ops-choice-categories[hidden] { display: none; }
.ops-choice-categories button { flex: none; min-height: 44px; border: 1px solid #dce3dc; border-radius: 22px; background: #fff; color: #39463d; padding: 9px 14px; font-size: .875rem; font-weight: 600; }
.ops-choice-categories button[aria-pressed="true"] { background: #edf5ef; border-color: #426a50; color: #254931; }
.ops-choice-count { margin: 9px 0 0; font-size: .875rem; color: #657168; }
.ops-choice-results { min-height: 80px; overflow-y: auto; overscroll-behavior: contain; padding: 0 24px 24px; }
.ops-choice-results h3 { margin: 22px 0 10px; font-size: 1.05rem; line-height: 1.4; }
.ops-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ops-choice-dialog .ops-choice-card { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 84px; padding: 15px; border: 1px solid #dce3dc; border-radius: 12px; background: #fff; color: #252c27; text-align: left; }
.ops-choice-card:hover { background: #f5f8f5; border-color: #a2b5a6; }
.ops-choice-dialog .ops-choice-card[aria-pressed="true"] { border-color: #426a50; background: #edf5ef; box-shadow: inset 0 0 0 1px #426a50; }
.ops-choice-copy { flex: 1; min-width: 0; }
.ops-choice-copy strong { display: block; font-size: 1.05rem; line-height: 1.4; overflow-wrap: anywhere; }
.ops-choice-copy small { display: block; margin-top: 5px; color: #657168; font-size: .875rem; line-height: 1.4; }
.ops-choice-mark { font-size: .875rem; color: #426a50; font-weight: 600; }
.ops-choice-avatar { position: relative; display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: #edf0eb; color: #425647; font-size: 1.3rem; }
.ops-choice-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ops-choice-empty { font-size: 1rem; padding: 20px 0; }
.ops-choice-dialog footer { flex: none; display: flex; gap: 16px; align-items: center; padding: 14px 24px; border-top: 1px solid #e0e5df; background: #fff; }
.ops-choice-dialog footer button { padding: 10px 20px; min-height: 44px; border: 1px solid #cbd2ce; border-radius: 9px; background: #fff; color: #252c27; font-size: 1rem; }
.ops-choice-dialog footer span { color: #657168; font-size: .875rem; }
@media (max-width: 600px) {
  .ops-choice-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 16px; }
  .ops-choice-header { padding: 18px 16px 12px; }
  .ops-choice-header h2 { font-size: 1.4rem; }
  .ops-choice-tools { padding: 0 16px 12px; }
  .ops-choice-results { padding: 0 16px 18px; }
  .ops-choice-grid { grid-template-columns: minmax(0, 1fr); }
  .ops-choice-dialog footer { padding: 12px 16px; }
  .ops-choice-trigger { flex-wrap: wrap; gap: 5px 10px; }
}
.ops-dialog select[data-service-id][hidden], .ops-dialog select[data-edit-service-id][hidden], .ops-dialog select[data-stylist-id][hidden], .ops-dialog select[data-edit-stylist-id][hidden], .ops-dialog select[data-contributor-stylist][hidden] { display: none !important; }