.native-booking{margin:48px 0;background:#fff;border:1px solid #d6e0e8;border-radius:8px;padding:32px;color:#13263b;font-family:Inter,Arial,sans-serif}.native-booking h2{font-size:32px;line-height:1.2}.native-booking p,.native-booking li{font-size:16px;line-height:1.75;color:#526170}.native-booking li{margin-bottom:10px}.native-booking .booking-disclaimer,.native-booking .field-help{font-size:13px}.booking-status{padding:16px;background:#edf5fb;border-radius:4px;margin:24px 0;line-height:1.6}.native-booking label{display:block;font-weight:700;margin:24px 0 9px;font-size:15px;line-height:1.5}.native-booking label span{font-size:12px;font-weight:400}.native-booking input,.native-booking select,.native-booking textarea{box-sizing:border-box;width:100%;border:1px solid #aab8c5;background:#fff;color:#13263b;padding:13px;font:16px Arial,sans-serif;border-radius:4px}.native-booking input:focus,.native-booking select:focus,.native-booking textarea:focus{outline:2px solid #135029;outline-offset:2px}.native-booking h3{margin-top:32px;font-size:22px}.time-options{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.time-options button{padding:12px 16px;background:#fff;color:#13263b;border:1px solid #aab8c5;border-radius:4px;cursor:pointer}.time-options button[aria-pressed=true]{background:#13263b;color:#fff;border-color:#13263b}.native-booking button:disabled{opacity:.5;cursor:not-allowed}.native-booking .button{border:0;cursor:pointer;background:#1bffd4;color:#050505;font-weight:700;padding:15px 20px}.booking-step{border-bottom:1px solid #d6e0e8;padding-bottom:24px}.native-booking #booking-confirmation{padding:24px;background:#e8fffb;line-height:1.8}.native-booking [hidden]{display:none!important}@media(max-width:600px){.native-booking{padding:20px}.native-booking h2{font-size:27px}}body{margin:0;background:#fff}.native-booking{margin:0 auto;border:0;max-width:1050px;box-sizing:border-box}.booking-step{background:#171b1e;color:#e7e9eb;border:0;border-radius:12px;padding:30px;margin-top:24px}.calendar-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.booking-step h3{font-size:30px;margin:0;font-weight:700;letter-spacing:-.03em}.duration-tag{font-size:12px;white-space:nowrap;border:1px solid #495057;padding:7px 10px;border-radius:20px;color:#b7c0c9}.booking-step .calendar-help{color:#aab4bd;font-size:14px;margin:12px 0 24px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px}.month-navigation{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px}.month-navigation h4{font-size:21px;margin:0;line-height:1.5}.month-navigation button{background:transparent;border:0;color:#66b1ff;font-size:36px;width:40px;height:44px;cursor:pointer;border-radius:50%}.month-navigation button:disabled{color:#667079;opacity:.4;cursor:default}.weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.weekdays{margin-bottom:14px}.weekdays span{text-align:center;font-size:11px;font-weight:700;color:#aab4bd}.calendar-days button,.calendar-days .blank{aspect-ratio:1;min-width:0}.calendar-days button{position:relative;background:#092338;border:1px solid transparent;border-radius:50%;color:#65adff;font-size:17px;font-weight:600;cursor:pointer;padding:0}.calendar-days button:disabled{background:transparent;color:#869099;opacity:.6;cursor:default;font-weight:400}.calendar-days button[aria-pressed=true]{background:#6ab3ff;color:#071624}.calendar-days button:not(:disabled):hover{border-color:#6ab3ff}.calendar-days button.today:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;bottom:6px;left:calc(50% - 2px)}.month-panel>label{margin:24px 0 9px;color:#e7e9eb}.month-panel>select{background:#171b1e;color:#e7e9eb;border-color:#495057;font-size:13px;padding:10px}.slots-panel h4{font-size:20px;line-height:1.5;font-weight:500;margin:4px 0 22px;color:#e7e9eb;min-height:32px}.booking-step .time-options{display:flex;flex-direction:column;flex-wrap:nowrap;margin:0;gap:12px;max-height:390px;overflow:auto;padding:2px 6px 2px 2px}.booking-step .time-options button{width:100%;padding:17px 12px;border:1px solid #409cff;background:transparent;color:#6ab3ff;font-weight:700;font-size:18px;border-radius:6px}.booking-step .time-options button:hover{background:#092338}.booking-step .time-options button[aria-pressed=true]{background:#6ab3ff;border-color:#6ab3ff;color:#071624}.booking-step #selected-time{font-size:13px;line-height:1.6;color:#b7c0c9}.booking-step button:focus-visible{outline:2px solid #fff;outline-offset:3px}#booking-form{margin-top:32px}#booking-form h3{font-size:25px}.booking-status{font-size:14px}.native-booking #booking-confirmation{margin-top:24px}@media(max-width:650px){.native-booking{padding:16px}.booking-step{padding:20px 16px}.calendar-layout{grid-template-columns:1fr;gap:28px}.booking-step h3{font-size:24px}.calendar-days button{max-width:48px;width:100%;justify-self:center}.calendar-days .blank{max-height:48px}.weekdays,.calendar-days{gap:6px}.slots-panel h4{margin-top:0}.booking-step .time-options{max-height:280px}.duration-tag{font-size:11px;padding:6px 8px}}
/* Bravo Zulu calendar palette and typography. */
body{background:#fff;font-family:Inter,Arial,sans-serif}.native-booking{font-family:Inter,Arial,sans-serif;padding:28px 24px;border-radius:0}.native-booking h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}.booking-step{background:#050505;border-radius:4px;border-top:4px solid #1bffd4;padding:32px}.calendar-title-row h3{font-size:clamp(25px,3.6vw,36px);letter-spacing:-.04em}.duration-tag{font-family:'Space Mono',monospace;border-color:#3b484d;color:#b8c8dc;border-radius:3px}.month-navigation h4{font-size:21px;letter-spacing:-.025em}.month-navigation button{color:#1bffd4}.weekdays span{font-family:'Space Mono',monospace;color:#aab9c4;font-size:10px;letter-spacing:.04em}.calendar-days button{background:#08332f;color:#1bffd4;font-family:Inter,Arial,sans-serif}.calendar-days button:not(:disabled):hover{border-color:#1bffd4;background:#10473f}.calendar-days button[aria-pressed=true]{background:#1bffd4!important;color:#050505;border-color:#1bffd4}.calendar-days button:disabled{color:#89959f;background:transparent}.month-panel>label{font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.month-panel>select{background:#050505;border-color:#4c535a;color:#e7edf2;font-family:Inter,Arial,sans-serif}.booking-step .time-options button{border-color:#1bffd4;color:#1bffd4;border-radius:3px;font-family:Inter,Arial,sans-serif;font-size:17px}.booking-step .time-options button:hover{background:#08332f}.booking-step .time-options button[aria-pressed=true]{background:#1bffd4;color:#050505;border-color:#1bffd4}.booking-step .time-options{scrollbar-color:#41635b #050505}.slots-panel h4{font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:600}.booking-step .calendar-help,.booking-step #selected-time{color:#b8c8dc}.booking-step button:focus-visible{outline-color:#1bffd4}.booking-status{background:#eef5f8;border-left:3px solid #1bffd4;border-radius:0;font-family:Inter,Arial,sans-serif}.native-booking .button{background:#1bffd4;border-radius:3px;font-family:Inter,Arial,sans-serif}.native-booking input,.native-booking textarea,.native-booking select{font-family:Inter,Arial,sans-serif}.native-booking input:focus,.native-booking textarea:focus,.native-booking select:focus{outline-color:#135029}@media(max-width:650px){.native-booking{padding:20px 12px}.booking-step{padding:24px 16px}.calendar-layout{grid-template-columns:1fr}}