.appointment-modal{outline:none}.appointment-modal .close-btn,.appointment-modal .dialog-content>.close-btn,.appointment-modal [role=button].close-btn,.ReactModal__Content.appointment-modal .close-btn,.dialog.appointment-modal.ReactModal__Content .close-btn{visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;overflow:hidden!important}.appointment-modal__content{flex-direction:column;flex:auto;min-height:0;display:flex}.appointment-modal__content .overflow-y-auto{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.appointment-modal__content ::-webkit-scrollbar{width:6px;height:6px}.appointment-modal__content ::-webkit-scrollbar-track{background:0 0}.appointment-modal__content ::-webkit-scrollbar-thumb{background:#6366f140;border-radius:3px}.appointment-modal__content ::-webkit-scrollbar-thumb:hover{background:#6366f166}.dark .appointment-modal__content ::-webkit-scrollbar-thumb{background:#818cf840}.dark .appointment-modal__content ::-webkit-scrollbar-thumb:hover{background:#818cf866}.appointment-booking{--ab-teal-50:#f0fdfa;--ab-teal-100:#ccfbf1;--ab-teal-200:#99f6e4;--ab-teal-400:#2dd4bf;--ab-teal-500:#14b8a6;--ab-teal-600:#0d9488;--ab-teal-700:#0f766e;--ab-slate-50:#f8fafc;--ab-slate-100:#f1f5f9;--ab-slate-200:#e2e8f0;--ab-slate-300:#cbd5e1;--ab-slate-400:#94a3b8;--ab-slate-500:#64748b;--ab-slate-600:#475569;--ab-slate-700:#334155;--ab-slate-800:#1e293b;--ab-slate-900:#0f172a;--ab-bg:var(--ab-slate-50);--ab-surface:#fff;--ab-border:var(--ab-slate-200);--ab-border-strong:var(--ab-slate-300);--ab-muted:var(--ab-slate-500);--ab-text:var(--ab-slate-900);--ab-text-sub:var(--ab-slate-600);--ab-primary:var(--ab-teal-600);--ab-primary-hover:var(--ab-teal-700);--ab-primary-light:var(--ab-teal-50);--ab-primary-border:var(--ab-teal-200);--ab-primary-text:var(--ab-teal-700);--ab-shadow:0 1px 4px #00000012}.dark .appointment-booking{--ab-bg:#0c1017;--ab-surface:#141b26;--ab-border:#1e2d42;--ab-border-strong:#2a3c54;--ab-muted:#6b7a99;--ab-text:#e2eaf4;--ab-text-sub:#8b9cb8;--ab-primary-light:#0d948814;--ab-primary-border:#0d948847;--ab-primary-text:#2dd4bf;--ab-shadow:none}.appointment-booking{background:var(--ab-bg);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.appointment-booking__header{background:var(--ab-surface);border-bottom:1px solid var(--ab-border);flex-shrink:0}.ab-header__top-row{align-items:center;gap:10px;padding:16px 20px 0;display:flex}.ab-header__icon-wrap{background:var(--ab-primary-light);border:1.5px solid var(--ab-primary-border);width:36px;height:36px;color:var(--ab-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ab-header__title-wrap{flex:1;min-width:0}.ab-header__title{color:var(--ab-text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.25;overflow:hidden}.ab-header__step-meta{color:var(--ab-muted);margin-top:1px;font-size:11.5px;font-weight:500}.appointment-booking__close{width:30px;height:30px;color:var(--ab-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;transition:color .15s,background .15s;display:flex}.appointment-booking__close:hover{color:var(--ab-text);background:var(--ab-slate-100)}.dark .appointment-booking__close:hover{background:#1e2d42}.ab-header__patient{background:var(--ab-primary-light);border:1px solid var(--ab-primary-border);border-radius:10px;align-items:center;gap:8px;margin:10px 20px 0;padding:8px 12px;display:flex}.ab-header__patient-avatar{background:var(--ab-primary);color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.ab-header__patient-name{min-width:0;color:var(--ab-primary-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.ab-header__patient-badge{color:var(--ab-primary-text);background:var(--ab-surface);border:1px solid var(--ab-primary-border);letter-spacing:.02em;border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:10px;font-weight:600}.ab-header__steps{scrollbar-width:none;align-items:center;padding:12px 20px 14px;display:flex;overflow-x:auto}.ab-header__steps::-webkit-scrollbar{display:none}.ab-step-dot{border:2px solid var(--ab-border-strong);background:var(--ab-surface);width:26px;height:26px;color:var(--ab-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;transition:all .22s;display:flex;position:relative}.ab-step-dot.ab-step--completed{background:var(--ab-primary);border-color:var(--ab-primary);color:#fff}.ab-step-dot.ab-step--active{background:var(--ab-surface);border-color:var(--ab-primary);color:var(--ab-primary);box-shadow:0 0 0 3px var(--ab-primary-light)}.ab-step-line{background:var(--ab-border-strong);flex:1;min-width:12px;height:2px;transition:background .22s}.ab-step-line.ab-step--completed{background:var(--ab-primary)}.appointment-booking__body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:var(--ab-bg);flex:auto;min-height:0;padding:16px 20px 8px;overflow:hidden auto}.appointment-booking__body::-webkit-scrollbar{width:4px}.appointment-booking__body::-webkit-scrollbar-track{background:0 0}.appointment-booking__body::-webkit-scrollbar-thumb{background:#0d948838;border-radius:2px}.appointment-booking__body::-webkit-scrollbar-thumb:hover{background:#0d94886b}.appointment-booking__card{background:var(--ab-surface);border:1px solid var(--ab-border);box-shadow:var(--ab-shadow);border-radius:12px;padding:14px 16px}.appointment-booking__label{color:var(--ab-text-sub);letter-spacing:0;font-size:12.5px;font-weight:600}.dark .appointment-booking__label{color:var(--ab-slate-400)}.ab-mode-card{border:2px solid var(--ab-border);background:var(--ab-surface);color:var(--ab-text-sub);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 8px;font-size:13px;font-weight:600;transition:all .18s;display:flex;position:relative;overflow:hidden}.ab-mode-card:hover:not(:disabled){border-color:var(--ab-teal-400);background:var(--ab-primary-light);color:var(--ab-primary-text)}.ab-mode-card.ab-mode-card--active{border-color:var(--ab-primary);background:var(--ab-primary-light);color:var(--ab-primary-text);box-shadow:0 0 0 3px var(--ab-primary-light), inset 0 0 0 1px var(--ab-primary)}.ab-mode-card__icon{background:var(--ab-slate-100);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,color .18s;display:flex}.ab-mode-card--active .ab-mode-card__icon,.ab-mode-card:hover:not(:disabled) .ab-mode-card__icon{background:var(--ab-teal-100);color:var(--ab-primary)}.dark .ab-mode-card__icon{background:var(--ab-border)}.dark .ab-mode-card--active .ab-mode-card__icon,.dark .ab-mode-card:hover:not(:disabled) .ab-mode-card__icon{background:#0d94882e}.ab-mode-card__check{background:var(--ab-primary);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .18s;display:flex;position:absolute;top:8px;right:8px}.ab-mode-card--active .ab-mode-card__check{opacity:1}.ab-type-chip{border:1.5px solid var(--ab-border);background:var(--ab-surface);color:var(--ab-text-sub);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.ab-type-chip:hover:not(:disabled){border-color:var(--ab-teal-400);background:var(--ab-primary-light);color:var(--ab-primary-text)}.ab-type-chip.ab-type-chip--active{border-color:var(--ab-primary);background:var(--ab-primary);color:#fff;font-weight:600}.appointment-booking__slot{text-align:center;border:1.5px solid var(--ab-border);background:var(--ab-surface);color:var(--ab-text-sub);cursor:pointer;border-radius:8px;padding:7px 4px;font-size:11.5px;font-weight:500;line-height:1.2;transition:all .15s}.dark .appointment-booking__slot{color:var(--ab-slate-400)}.appointment-booking__slot:hover:not(:disabled){border-color:var(--ab-teal-500);background:var(--ab-primary-light);color:var(--ab-primary-text)}.dark .appointment-booking__slot:hover:not(:disabled){color:var(--ab-teal-400);background:#0d94881a}.appointment-booking__slot.selected{background:var(--ab-primary);border-color:var(--ab-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #0d94884d}.slot-scroll-wrap{align-items:center;gap:0;display:flex;position:relative}.slot-scroll-wrap:before,.slot-scroll-wrap:after{content:"";z-index:1;pointer-events:none;width:28px;position:absolute;top:0;bottom:0}.slot-scroll-wrap:before{background:linear-gradient(to right, var(--ab-surface), transparent);left:28px}.slot-scroll-wrap:after{background:linear-gradient(to left, var(--ab-surface), transparent);right:28px}.slot-scroll-row{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;padding:4px 2px;display:flex;overflow-x:auto}.slot-scroll-row::-webkit-scrollbar{display:none}.slot-scroll-arrow{border:1.5px solid var(--ab-border);background:var(--ab-surface);width:26px;height:26px;color:var(--ab-muted);cursor:pointer;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex;box-shadow:0 1px 4px #0000000f}.slot-scroll-arrow:hover{background:var(--ab-primary-light);border-color:var(--ab-primary);color:var(--ab-primary-text)}.slot-pill{border:1.5px solid var(--ab-border);background:var(--ab-surface);color:var(--ab-text-sub);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:500;line-height:1;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.slot-pill:hover:not(:disabled){border-color:var(--ab-teal-400);background:var(--ab-primary-light);color:var(--ab-primary-text)}.slot-pill.slot-pill--selected{background:var(--ab-primary);border-color:var(--ab-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #0d948847}.slot-pill__to{opacity:.75;font-size:11px}.slot-pill--selected .slot-pill__to{opacity:.9}.appointment-booking__btn-primary{background:var(--ab-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #0d948840}.appointment-booking__btn-primary:hover:not(:disabled){background:var(--ab-primary-hover);box-shadow:0 4px 12px #0d948859}.appointment-booking__btn-primary:active:not(:disabled){transform:scale(.98)}.appointment-booking__btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.appointment-booking__btn-secondary{color:var(--ab-muted);border:1.5px solid var(--ab-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.appointment-booking__btn-secondary:hover:not(:disabled){background:var(--ab-slate-100);color:var(--ab-slate-700);border-color:var(--ab-slate-300)}.dark .appointment-booking__btn-secondary:hover:not(:disabled){color:var(--ab-slate-300);background:#1e2d42}.appointment-booking__btn-secondary:disabled{opacity:.45;cursor:not-allowed}.appointment-booking__header-title{color:var(--ab-text);font-size:16px;font-weight:700}.appointment-booking__header-meta{color:var(--ab-muted);font-size:11px}.appointment-booking__progress{background:var(--ab-border);border-radius:9999px;height:3px;margin-top:.75rem;overflow:hidden}.appointment-booking__progress-fill{background:var(--ab-primary);border-radius:9999px;height:100%;transition:width .35s ease-out}.appointment-booking--simple .appointment-booking__body{padding:12px 16px 8px}.appointment-booking__header--compact .ab-header__top-row{padding:12px 16px 0}.appointment-booking__header--compact .ab-header__patient{margin:8px 16px 0;padding:6px 10px}.appointment-booking__header--compact .ab-header__steps{padding:8px 16px 10px}.appointment-booking--simple .appointment-booking__btn-primary,.appointment-booking--simple .appointment-booking__btn-secondary{padding:9px 18px;font-size:13px}