/* V3 form follows the clean visual calendar language. Core V2 form logic is preserved. */
.v3-booking{background:#f8fbff!important;color:#263749!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang HK","Noto Sans TC",sans-serif}
.v3-booking .v2-topbar{background:#fff;border-bottom:1px solid #e5eaf1}
.v3-booking .v2-topbar-inner{max-width:910px;min-height:64px}
.v3-booking .v2-brand{color:#253c52!important}
.v3-booking .v2-logo{background:#e8f1ff;color:#2569cf;border-radius:10px}
.v3-booking .v2-topnav a{color:#51677d}
.v3-booking .v2-container{padding-top:32px!important;max-width:760px!important}
.v3-booking .v2-form-title{font-size:clamp(28px,4vw,38px);font-weight:800;color:#263749}
.v3-booking .v2-form-lead{margin-bottom:24px}
.v3-booking .v2-stepper{gap:6px}
.v3-booking .v2-stepper-item{border-color:#e2e8f1;color:#7f8d9d}
.v3-booking .v2-stepper-item .v2-stepnum{background:#eef3fa;color:#617891}
.v3-booking .v2-stepper-item.is-current{border-color:#2d6dd7;color:#215bae}
.v3-booking .v2-stepper-item.is-current .v2-stepnum,.v3-booking .v2-stepper-item.is-complete .v2-stepnum{background:#266bd7;color:#fff}
.v3-booking .v2-stepper-item.is-complete{border-color:#9bbde9}
.v3-booking .v2-step{border:1px solid #e3eaf3;box-shadow:0 8px 30px #244f8920;border-radius:18px}
.v3-booking .v2-step h2{color:#263749;font-size:21px}
.v3-booking .v2-step-desc{font-size:13px;margin-bottom:18px}
.v3-booking .v2-step input:not([type=checkbox]),.v3-booking .v2-step select,.v3-booking .v2-step textarea{border-color:#cfdbe9;background:white}
.v3-booking .v2-step input:focus,.v3-booking .v2-step select:focus{border-color:#4388e8;outline:3px solid #d9eafd}
.v3-booking .v2-sla{background:#edf5ff;color:#335d91;font-size:12px}
.v3-booking .v2-help-box{background:#eff6ff;border-color:#d5e5fa;color:#29507e}
.v3-booking .v2-step .v2-btn-primary,.v3-booking .v2-actions button,.v3-booking .v2-confirm{background:#266bd7!important;color:#fff!important}
.v3-booking .v2-back{background:#e9f0fa!important;color:#345e91!important}
.v3-booking .v2-advanced summary{color:#3369b0}
.v3-booking .notice-accordion{border:1px solid #e2e9f2;background:white}
.v3-booking .notice-accordion summary{color:#38679d}
.v3-booking .v2-site-footer{border-color:#e2e8f0}
.v3-booking .v2-kicker{color:#597faf!important}
.v3-booking .v2-demo-bar{background:#f2f6fc;color:#637c99;border-bottom:1px solid #e4ebf4}
@media(max-width:560px){.v3-booking .v2-container{padding-top:22px!important}.v3-booking .v2-step{border-radius:14px}.v3-booking .v2-form-title{font-size:27px}}

.v3-booking .v3-back-link{display:inline-flex!important;align-items:center;gap:5px;padding:9px 12px;margin-bottom:18px!important;border:1px solid #cbdcee;border-radius:10px;color:#2761b1!important;background:#f0f6ff;font-size:14px!important;font-weight:760!important;text-decoration:none!important}
.v3-booking .v3-back-link:hover{background:#e0edff;border-color:#a9c8ee}

/* Tap-native, self-explanatory time selectors. Midnight (00:00) is an option. */
.v3-booking #start-time,.v3-booking #end-time{
 display:block;width:100%;min-height:52px;padding:11px 40px 11px 14px;
 border:1.5px solid #cddff3;border-radius:12px;background:#fff;color:#234c77;
 font-size:19px;font-weight:760;font-variant-numeric:tabular-nums;cursor:pointer;
}
.v3-booking #start-time:focus,.v3-booking #end-time:focus{outline:3px solid #d5e9ff;border-color:#518ce1}
.v3-booking .v3-time-summary{margin:10px 0 16px;min-height:18px;font-size:13px;font-weight:700;color:#3176bb}
.v3-booking .v3-time-field[hidden]{display:none!important}
.v3-booking .v3-all-day{border:1px solid #d5e4f5;border-radius:11px;padding:12px 14px;background:#f5f9ff}
.v3-booking .v3-all-day input{accent-color:#286bd7}

/* Light step transition; no layout-changing scroll animation for reduced-motion users. */
@media(prefers-reduced-motion:no-preference){
 .v3-booking .v2-step:not([hidden]){animation:yoc-booking-step .2s cubic-bezier(.2,.7,.2,1)}
 @keyframes yoc-booking-step{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
}