.booking-wizard-form label{display:block;margin:.5rem 0}.booking-wizard-form input,.booking-wizard-form select{min-width:260px}

/* Wizard base styles for vbs- classes */
.vbs-avail{display:flex;gap:0;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.08);background:#fff}
.vbs-steps{width:260px;background:var(--vbs-sidebar-bg,#b89316);color:var(--vbs-sidebar-text,#fff);padding:16px 18px}
.vbs-steps h4{margin:0 0 10px 0;font-weight:600}
.vbs-step{display:flex;align-items:center;gap:10px;margin:10px 0;opacity:.9}
.vbs-step .num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#000;font-weight:600}
.vbs-main{flex:1;padding:22px 26px;background:linear-gradient(180deg,#f7f9fc,rgba(247,249,252,.65))}
.vbs-card{background:#fff;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:14px 16px;margin:14px 0}
.vbs-service-list .item{display:flex;align-items:center;gap:12px;border:1px solid #eef0f4;border-radius:10px;padding:14px 12px;margin:12px 0;cursor:pointer}
.vbs-service-list .item:hover{border-color:var(--vbs-accent,#8f83ff);box-shadow:0 4px 14px rgba(0,0,0,.05)}
.vbs-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 0}
.vbs-btn{background:var(--vbs-primary,#6b5cf6);color:#fff;border:none;border-radius:8px;padding:10px 18px;cursor:pointer}
.vbs-btn:disabled{opacity:.5;cursor:not-allowed}
.vbs-month{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.vbs-day{background:#f0f3f7;border-radius:8px;text-align:center;padding:10px 0;opacity:.6}
.vbs-day.is-active{background:#e9ecf4;opacity:1;border:1px solid #d9deea}
.vbs-slots{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px;max-height:340px;overflow:auto}
.vbs-slot{background:#f3f5f9;border:1px solid #e3e7ef;border-radius:8px;text-align:center;padding:10px 6px}
.vbs-slot.is-free{background:#f6fff7;border-color:#bfe6c4}
.vbs-slot.is-busy{background:#fff2f2;border-color:#ffd3d3;opacity:.6}
.vbs-legend{display:flex;gap:18px;font-size:13px;color:#777;padding:8px 0}
.vbs-dot{width:12px;height:12px;border-radius:3px;display:inline-block;margin-right:6px;background:#f3f5f9;border:1px solid #e3e7ef}
.vbs-dot.free{background:#e6ffe9;border-color:#bfe6c4}
.vbs-dot.busy{background:#ffe6e6;border-color:#ffd3d3}


/* Selected card border */
.vbs-service-list .item.is-active{ border-color: var(--vbs-accent,#8f83ff); box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.vbs-category{font-weight:600;margin:18px 0 8px 0;opacity:.85}
.vbs-day.is-holiday{background:#fff6e6;border-color:#ffdca8}
.vbs-day.is-blocked{background:#ffe6e6;border-color:#ffc4c4;opacity:.7}

/* --- Service selection highlighting --- */
.service-card.is-selected,
[data-service].is-selected,
.vbs-service.is-selected,
li.is-selected {
  outline: 3px solid #2563eb; /* blue-600 */
  outline-offset: 2px;
  border-radius: 10px;
  background: #eff6ff;
}
/* High-contrast/keyboard focus */
.service-card:focus-within,
[data-service]:focus-within,
.vbs-service:focus-within,
li:focus-within {
  outline: 3px solid #111827; /* gray-900 */
  outline-offset: 2px;
}


/* Mobile layout: steps on top, content below */
@media (max-width: 800px){
  .vbs-avail{
    flex-direction:column;
  }
  .vbs-steps{
    width:100%;
    display:flex;
    flex-direction:column;
  }
  .vbs-main{
    padding:18px 16px;
  }
}

.vbs-card .review > div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #e5e7eb;font-size:14px;}

/* Phase 9.3: customer login/onboarding in booking wizard */
.vbs-auth-box{border:1px solid #e5e7eb;background:#f9fafb;border-radius:10px;padding:12px 14px;margin:10px 0 14px 0}
.vbs-auth-box:empty{display:none}
.vbs-auth-box.is-authenticated{background:#f6fff7;border-color:#bfe6c4}
.vbs-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.vbs-auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.vbs-btn-secondary{background:#eef2ff;color:#1f2937;border:1px solid #dbe3ff}
.vbs-field{display:block;margin:10px 0}
.vbs-field span{display:block;font-weight:600;margin-bottom:5px}
.vbs-field input.regular-text{width:100%;max-width:420px;box-sizing:border-box}
.vbs-field-checkbox{display:flex;gap:8px;align-items:flex-start}
.vbs-field-checkbox span{font-weight:400;margin:0}
.vbs-customer-message{margin-top:8px}

/* Phase 10: modern frontend booking wizard UX pass */
.vbs-wizard-root{--vbs-bg:#f6f7fb;--vbs-card:#fff;--vbs-text:#111827;--vbs-muted:#667085;--vbs-border:#e4e7ec;--vbs-radius:24px;display:block;width:100%;max-width:1120px;margin:0 auto}.vbs-wizard-root .vbs-avail{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:0;border:1px solid var(--vbs-border);border-radius:28px;overflow:hidden;background:var(--vbs-card);box-shadow:0 24px 80px rgba(16,24,40,.12)}.vbs-wizard-root .vbs-steps{width:auto;background:linear-gradient(160deg,var(--vbs-sidebar-bg,#b89316),color-mix(in srgb,var(--vbs-sidebar-bg,#b89316) 75%,#111827));padding:28px;color:var(--vbs-sidebar-text,#fff)}.vbs-wizard-root .vbs-steps h4{text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;opacity:.92;margin-bottom:18px}.vbs-wizard-root .vbs-step{border-radius:999px;padding:10px 12px;margin:6px 0;opacity:.68;transition:opacity .15s ease,background .15s ease,transform .15s ease}.vbs-wizard-root .vbs-step.is-active{opacity:1;background:rgba(255,255,255,.18);transform:translateX(3px)}.vbs-wizard-root .vbs-step .num{width:30px;height:30px;font-weight:850}.vbs-wizard-root .vbs-main{background:linear-gradient(180deg,#f9fafb,#f3f5f9);padding:clamp(20px,4vw,40px)}.vbs-wizard-root .vbs-card{border:1px solid var(--vbs-border);border-radius:var(--vbs-radius);box-shadow:0 12px 34px rgba(16,24,40,.08);padding:clamp(18px,3vw,28px);margin:0}.vbs-wizard-root .vbs-card h3{margin:0 0 18px;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.16;color:var(--vbs-text)}.vbs-wizard-root .vbs-service-list{display:grid;gap:12px}.vbs-wizard-root .vbs-service-list .item{border:1px solid var(--vbs-border);border-radius:18px;background:#fff;padding:16px 18px;margin:0;box-shadow:0 6px 18px rgba(16,24,40,.04)}.vbs-wizard-root .vbs-service-list .item:hover,.vbs-wizard-root .vbs-service-list .item.is-active{border-color:var(--vbs-primary,#6b5cf6);box-shadow:0 14px 30px rgba(16,24,40,.1);background:linear-gradient(180deg,#fff,#f8f9ff)}.vbs-wizard-root .vbs-category{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--vbs-muted);margin:10px 0 0}.vbs-wizard-root .vbs-actions{padding:22px 0 0}.vbs-wizard-root .vbs-btn{border-radius:14px;min-height:46px;padding:12px 20px;font-weight:850}.vbs-wizard-root .vbs-btn-secondary{background:#fff;color:var(--vbs-text);border:1px solid var(--vbs-border)}.vbs-wizard-root .vbs-month{gap:10px}.vbs-wizard-root .vbs-day,.vbs-wizard-root .vbs-slot{border-radius:14px;border:1px solid var(--vbs-border);background:#fff;min-height:42px;display:grid;place-items:center}.vbs-wizard-root .vbs-slot.is-free{background:#ecfdf3;border-color:#abefc6}.vbs-wizard-root .vbs-slot.is-selected{outline:3px solid color-mix(in srgb,var(--vbs-primary,#6b5cf6) 40%,transparent);border-color:var(--vbs-primary,#6b5cf6)}.vbs-wizard-root .vbs-auth-box{border-radius:18px;padding:16px 18px}.vbs-wizard-root .vbs-customer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vbs-wizard-root .vbs-field{margin:0}.vbs-wizard-root .vbs-field input.regular-text{max-width:none;min-width:0;width:100%;min-height:46px;border-radius:14px;border:1px solid #d0d5dd;padding:10px 12px}.vbs-wizard-root .vbs-field-checkbox{grid-column:1/-1;background:#fff;border:1px solid var(--vbs-border);border-radius:16px;padding:12px}.vbs-booking-success{max-width:760px;margin:40px auto;padding:34px;border:1px solid var(--vbs-border,#e4e7ec);border-radius:28px;background:#fff;box-shadow:0 24px 80px rgba(16,24,40,.12);text-align:center}.vbs-booking-success__icon{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:#ecfdf3;color:#027a48;font-size:2rem;margin:0 auto 16px}.vbs-booking-success h3{font-size:2rem;margin:0 0 10px}.vbs-booking-success p{color:#667085;margin:0 auto 20px;max-width:560px;line-height:1.6}.vbs-booking-success__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(max-width:860px){.vbs-wizard-root .vbs-avail{grid-template-columns:1fr}.vbs-wizard-root .vbs-steps{display:flex;overflow-x:auto;gap:8px;padding:16px}.vbs-wizard-root .vbs-steps h4{display:none}.vbs-wizard-root .vbs-step{min-width:max-content;margin:0}.vbs-wizard-root .vbs-main{padding:18px}.vbs-wizard-root .vbs-customer-fields{grid-template-columns:1fr}.vbs-wizard-root .vbs-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.vbs-wizard-root .vbs-slots{grid-template-columns:1fr}.vbs-booking-success__actions .vbs-btn{width:100%}}

/* Phase 10.2: professional availability / slot picker */
.vbs-wizard-root .vbs-slot-intro{margin:0 0 16px;color:var(--vbs-muted);line-height:1.55}.vbs-wizard-root .vbs-date-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px}.vbs-wizard-root .vbs-date-head strong{text-transform:capitalize;font-size:1.05rem}.vbs-wizard-root .vbs-month-nav{min-width:46px;padding:8px 12px}.vbs-wizard-root .vbs-day-label{font-size:.78rem;text-align:center;color:var(--vbs-muted);font-weight:850;text-transform:uppercase;letter-spacing:.04em;padding:4px 0}.vbs-wizard-root button.vbs-day{cursor:pointer}.vbs-wizard-root .vbs-day.is-empty{background:transparent;border-color:transparent;box-shadow:none}.vbs-wizard-root .vbs-day.is-today{border-color:var(--vbs-primary,#6b5cf6);box-shadow:inset 0 0 0 1px var(--vbs-primary,#6b5cf6)}.vbs-wizard-root .vbs-day.is-selected{background:var(--vbs-primary,#6b5cf6);border-color:var(--vbs-primary,#6b5cf6);color:#fff}.vbs-wizard-root .vbs-slot-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 0 10px}.vbs-wizard-root .vbs-slot-head strong{font-size:1rem}.vbs-wizard-root .vbs-slot-status{font-size:.9rem;color:var(--vbs-muted);text-align:right}.vbs-wizard-root button.vbs-slot{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px}.vbs-wizard-root .vbs-slot strong{font-size:1.05rem}.vbs-wizard-root .vbs-slot small{font-size:.78rem;color:var(--vbs-muted);line-height:1.25}.vbs-wizard-root .vbs-slot.is-selected small{color:#344054}.vbs-wizard-root .vbs-empty-state{border:1px dashed var(--vbs-border);border-radius:16px;background:#fff;padding:18px;text-align:center;color:var(--vbs-muted);grid-column:1/-1}.vbs-wizard-root .vbs-slots{align-items:stretch}@media(max-width:720px){.vbs-wizard-root .vbs-date-head{position:sticky;top:0;background:#fff;z-index:2;padding:8px 0}.vbs-wizard-root .vbs-slot-head{display:block}.vbs-wizard-root .vbs-slot-status{display:block;text-align:left;margin-top:4px}.vbs-wizard-root .vbs-month{gap:6px}.vbs-wizard-root .vbs-day,.vbs-wizard-root .vbs-slot{min-height:46px}}

/* Phase 10.3: final frontend wizard UX polish */
.vbs-wizard-root .vbs-step-top{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 18px 0}.vbs-wizard-root .vbs-step-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.vbs-wizard-root .vbs-step-heading h2{margin:0;font-size:clamp(1.45rem,2.4vw,2.25rem);line-height:1.1;color:var(--vbs-text)}.vbs-wizard-root .vbs-step-kicker{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--vbs-border);background:#fff;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:850;color:var(--vbs-muted);white-space:nowrap}.vbs-wizard-root .vbs-selection-pills{display:flex;flex-wrap:wrap;gap:8px}.vbs-wizard-root .vbs-selection-pill,.vbs-wizard-root .vbs-selection-empty{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--vbs-border);background:rgba(255,255,255,.78);border-radius:999px;padding:8px 12px;font-size:.88rem;color:#344054}.vbs-wizard-root .vbs-selection-pill strong{color:var(--vbs-text)}.vbs-wizard-root .vbs-selection-empty{color:var(--vbs-muted)}.vbs-wizard-root .vbs-step-intro{margin:-6px 0 18px;color:var(--vbs-muted);line-height:1.6;max-width:780px}.vbs-wizard-root .vbs-choice-card{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;cursor:pointer;min-height:76px}.vbs-wizard-root .vbs-choice-card:focus-visible{outline:3px solid color-mix(in srgb,var(--vbs-primary,#6b5cf6) 40%,transparent);outline-offset:3px}.vbs-wizard-root .vbs-choice-icon,.vbs-wizard-root .vbs-choice-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:#f2f4f7;color:var(--vbs-primary,#6b5cf6);font-weight:900;font-size:1.2rem;flex:0 0 auto}.vbs-wizard-root .vbs-choice-avatar{background:linear-gradient(135deg,var(--vbs-primary,#6b5cf6),var(--vbs-accent,#8f83ff));color:#fff;font-size:.92rem;letter-spacing:.03em}.vbs-wizard-root .vbs-choice-body{min-width:0}.vbs-wizard-root .vbs-choice-body strong{display:block;color:var(--vbs-text);font-size:1rem;line-height:1.25}.vbs-wizard-root .vbs-choice-body small{display:block;color:var(--vbs-muted);line-height:1.35;margin-top:4px}.vbs-wizard-root .vbs-choice-badge{border:1px solid var(--vbs-border);border-radius:999px;background:#fff;padding:6px 10px;font-size:.78rem;font-weight:850;color:var(--vbs-muted);white-space:nowrap}.vbs-wizard-root .vbs-choice-card.is-active .vbs-choice-badge{background:var(--vbs-primary,#6b5cf6);border-color:var(--vbs-primary,#6b5cf6);color:#fff}.vbs-wizard-root .vbs-choice-card.is-active .vbs-choice-icon{background:color-mix(in srgb,var(--vbs-primary,#6b5cf6) 12%,#fff);color:var(--vbs-primary,#6b5cf6)}.vbs-wizard-root .vbs-steps .vbs-step{display:flex;align-items:center;gap:10px}.vbs-wizard-root .vbs-steps .vbs-step.is-done{opacity:.9}.vbs-wizard-root .vbs-steps .vbs-step.is-done .num{background:rgba(255,255,255,.88);color:var(--vbs-sidebar-bg,#b89316)}.vbs-wizard-root .vbs-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vbs-wizard-root .vbs-review-item{display:block!important;border:1px solid var(--vbs-border)!important;border-radius:16px;background:#fff;padding:14px 16px!important}.vbs-wizard-root .vbs-review-item span{display:block;color:var(--vbs-muted);font-size:.82rem;margin-bottom:4px}.vbs-wizard-root .vbs-review-item strong{display:block;color:var(--vbs-text);font-size:1rem;word-break:break-word}.vbs-wizard-root .vbs-auth-box{box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.vbs-wizard-root .vbs-auth-box strong{font-size:1rem}.vbs-wizard-root .vbs-auth-actions .vbs-btn{min-width:150px}.vbs-wizard-root .vbs-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(249,250,251,0),#f9fafb 30%);z-index:5;margin:8px -4px -4px;padding:22px 4px 4px}.vbs-wizard-root .vbs-actions .vbs-btn{box-shadow:0 10px 24px rgba(16,24,40,.12)}@media(max-width:860px){.vbs-wizard-root .vbs-step-top{margin-bottom:14px}.vbs-wizard-root .vbs-selection-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.vbs-wizard-root .vbs-selection-pill,.vbs-wizard-root .vbs-selection-empty{white-space:nowrap}.vbs-wizard-root .vbs-choice-card{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.vbs-wizard-root .vbs-choice-badge{grid-column:2;justify-self:start;margin-top:2px}.vbs-wizard-root .vbs-review-grid{grid-template-columns:1fr}.vbs-wizard-root .vbs-actions{justify-content:stretch}.vbs-wizard-root .vbs-actions .vbs-btn{flex:1}}@media(max-width:520px){.vbs-wizard-root .vbs-step-heading{display:block}.vbs-wizard-root .vbs-step-kicker{margin-bottom:10px}.vbs-wizard-root .vbs-choice-card{padding:14px!important;border-radius:16px}.vbs-wizard-root .vbs-choice-icon,.vbs-wizard-root .vbs-choice-avatar{width:38px;height:38px;border-radius:14px}.vbs-wizard-root .vbs-auth-actions .vbs-btn{width:100%;min-width:0}.vbs-wizard-root .vbs-actions{display:grid;grid-template-columns:1fr 1fr}.vbs-wizard-root .vbs-actions .vbs-btn{width:100%}}

/* Phase 30 / v3.8.23: safe desktop layout + desktop-only typography controls.
   Built from v3.8.20 + v3.8.22 text controls. Mobile visual rules are intentionally untouched. */
.vbs-wizard-root,
.vbs-wizard-root *,
.vbs-wizard-root *::before,
.vbs-wizard-root *::after{box-sizing:border-box}

@media (min-width:861px){
  .vbs-wizard-root{
    width:min(var(--vbs-preferred-width,900px),var(--vbs-available-width,calc(100vw - 32px)));
    max-width:none;
    margin-left:0;
    margin-right:auto;
    position:static;
    left:auto;
    right:auto;
    transform:none;
    font-size:var(--vbs-font-base,16px);
  }
  .vbs-wizard-root .vbs-avail{
    grid-template-columns:minmax(180px,var(--vbs-sidebar-width,220px)) minmax(0,1fr);
    width:100%;
  }
  .vbs-wizard-root .vbs-main,
  .vbs-wizard-root .vbs-card,
  .vbs-wizard-root .vbs-step-top,
  .vbs-wizard-root .vbs-step-heading,
  .vbs-wizard-root .vbs-service-list,
  .vbs-wizard-root .vbs-choice-body{min-width:0;max-width:100%}
  .vbs-wizard-root .vbs-choice-card{grid-template-columns:44px minmax(0,1fr) max-content}
  .vbs-wizard-root .vbs-step-heading h2,
  .vbs-wizard-root .vbs-card h3{font-size:var(--vbs-font-heading,clamp(1.45rem,2.4vw,2.25rem))}
  .vbs-wizard-root .vbs-choice-body strong{font-size:var(--vbs-font-card,1rem)}
  .vbs-wizard-root .vbs-choice-body small,
  .vbs-wizard-root .vbs-step-intro,
  .vbs-wizard-root .vbs-slot-intro{font-size:var(--vbs-font-base,1rem)}
  .vbs-wizard-root .vbs-steps .vbs-step{font-size:var(--vbs-font-sidebar,1.05rem)}
  .vbs-wizard-root .vbs-btn{font-size:var(--vbs-font-button,.95rem)}
  .vbs-wizard-root .vbs-choice-body strong,
  .vbs-wizard-root .vbs-choice-body small,
  .vbs-wizard-root .vbs-step-heading h2,
  .vbs-wizard-root .vbs-step-intro,
  .vbs-wizard-root .vbs-slot-intro,
  .vbs-wizard-root .vbs-selection-pill,
  .vbs-wizard-root .vbs-selection-empty{overflow-wrap:break-word;word-break:normal;hyphens:auto}
  .vbs-wizard-root .vbs-choice-badge{white-space:nowrap;flex:0 0 auto}
}

@media (min-width:861px) and (max-width:980px){
  .vbs-wizard-root .vbs-avail{grid-template-columns:minmax(180px,210px) minmax(0,1fr)}
  .vbs-wizard-root .vbs-steps{padding:22px}
  .vbs-wizard-root .vbs-main{padding:clamp(18px,3vw,30px)}
}