.agenda-page [hidden]{display:none!important}.agenda-page{display:flex;flex-direction:column;gap:10px;min-width:0}
.agenda-tools,.agenda-period-controls{display:flex;align-items:center;gap:7px}.agenda-tools{min-width:0;flex-wrap:nowrap}.btn-icon-label{display:inline-flex;align-items:center;gap:7px}.btn-compact{padding:7px 11px;min-height:37px}.agenda-toolbar-action{flex:0 0 auto}.agenda-tool-group{display:inline-flex;align-items:center;flex:0 0 auto;padding:3px;border:1px solid #d7dde5;border-radius:10px;background:#f8fafc}.agenda-tool-group .btn{height:31px;min-height:31px;border:0;border-radius:7px;background:transparent;color:#475467}.agenda-tool-group .btn:hover{background:#fff;color:#175cd3;box-shadow:0 1px 3px rgba(15,23,42,.1)}.agenda-tool-group .btn+ .btn{border-left:1px solid #e4e7ec;border-radius:0 7px 7px 0}.agenda-tool-group .btn:focus-visible{position:relative;z-index:1;outline:3px solid #bfdbfe;outline-offset:1px}
.agenda-toast{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #a7f3d0;border-radius:10px;background:#ecfdf3;color:#067647;font-weight:700}
.agenda-workspace{height:calc(100dvh - 275px);min-height:480px;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid #e3e8ef;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.agenda-toolbar{min-height:62px;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #e7ebf0}
.agenda-period-controls strong{margin-left:7px;font-size:16px;white-space:nowrap}
.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid #d7dde5;border-radius:9px;background:#fff;color:#344054;cursor:pointer}.icon-button:hover{background:#f8fafc;color:#175cd3}
.agenda-view-switch{display:flex;padding:3px;border:1px solid #d7dde5;border-radius:10px;background:#f8fafc}.agenda-view-switch button{border:0;border-radius:7px;background:transparent;padding:7px 11px;color:#667085;font:inherit;font-weight:700;cursor:pointer}.agenda-view-switch button.active{background:#fff;color:#175cd3;box-shadow:0 1px 3px rgba(15,23,42,.12)}
.agenda-tools{justify-content:flex-end}.agenda-search{height:38px;width:min(240px,22vw);display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #d7dde5;border-radius:9px;color:#667085;background:#fff}.agenda-search:focus-within{border-color:#84adff;box-shadow:0 0 0 3px #dbeafe}.agenda-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit}.agenda-filter-search{width:100%;margin-bottom:14px}.filter-count{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#175cd3;color:#fff;font-size:11px}
.agenda-summary{display:flex;align-items:center;gap:0;border-bottom:1px solid #edf0f4;background:#fbfcfe}.agenda-summary div{display:flex;align-items:center;gap:9px;padding:8px 16px;border-right:1px solid #edf0f4}.agenda-summary span{display:flex;align-items:center;gap:6px;color:#667085;font-size:12px}.agenda-summary strong{font-size:13px;color:#344054}
.agenda-body{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}
.agenda-filters{position:absolute;z-index:8;top:12px;bottom:12px;left:12px;width:240px;min-height:0;overflow-y:auto;padding:14px;border:1px solid #dfe5ec;border-radius:12px;background:#fbfcfe;box-shadow:0 14px 36px rgba(15,23,42,.18);opacity:0;pointer-events:none;transform:translateX(calc(-100% - 24px));transition:transform .18s ease,opacity .18s ease}.agenda-filters.open{opacity:1;pointer-events:auto;transform:translateX(0)}.agenda-filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.text-button{padding:0;border:0;background:transparent;color:#175cd3;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.text-button-icon{display:inline-flex;align-items:center;gap:7px}
.agenda-filters>label{display:grid;gap:6px;margin-bottom:12px;color:#344054;font-size:12px;font-weight:750}.agenda-filters .input{min-height:38px;padding:7px 9px;font-size:13px}.agenda-filters fieldset{display:grid;gap:8px;margin:16px 0;padding:14px 0;border:0;border-top:1px solid #e4e7ec;border-bottom:1px solid #e4e7ec}.agenda-filters legend{padding-top:13px;margin-bottom:8px;font-size:12px;font-weight:800}.check-row{display:flex;align-items:center;gap:8px;color:#475467;font-size:13px;font-weight:600;cursor:pointer}.check-row input{accent-color:#175cd3}
.agenda-legend{display:grid;gap:8px}.agenda-legend strong{font-size:12px}.agenda-legend span{display:flex;align-items:center;gap:8px;color:#667085;font-size:12px}.agenda-legend i{width:9px;height:9px;border-radius:50%;background:var(--legend-color)}
.agenda-calendar-wrap{position:relative;grid-column:1/-1;min-width:0;min-height:0;overflow:hidden}.full-calendar{height:100%;padding:10px 14px 12px}.full-calendar .fc{height:100%;font-size:12px}.full-calendar .fc-toolbar{display:none}.full-calendar .fc-scrollgrid{border-color:#e7ebf0}.full-calendar .fc-col-header-cell{background:#fbfcfe}.full-calendar .fc-col-header-cell-cushion{padding:8px 4px;color:#475467;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.full-calendar .fc-timegrid-slot{height:34px;border-color:#edf0f4}.full-calendar .fc-timegrid-slot-label-cushion{color:#98a2b3;font-size:11px}.full-calendar .fc-event{border-radius:5px;padding:1px 3px;box-shadow:0 1px 2px rgba(15,23,42,.13);cursor:pointer}.full-calendar .fc-event-title{font-weight:750}.full-calendar .fc-timegrid-now-indicator-line{border-color:#ef4444}.full-calendar .fc-timegrid-now-indicator-arrow{border-color:#ef4444}.full-calendar .fc-list-event:hover td{background:#eff6ff}.full-calendar .fc-daygrid-day-number{color:#344054}
.agenda-drawer{position:fixed;inset:0 0 0 auto;width:min(480px,100%);max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;border-left:1px solid #dfe5ec;background:#fff;box-shadow:-20px 0 44px rgba(15,23,42,.16);transform:translateX(100%);opacity:0;visibility:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s linear .28s;will-change:transform,opacity}.agenda-drawer[open]{display:block}.agenda-drawer[open].is-visible{transform:translateX(0);opacity:1;visibility:visible;transition-delay:0s}.agenda-drawer[open].is-closing{pointer-events:none}.agenda-drawer::backdrop{background:rgba(15,23,42,0);transition:background .24s ease}.agenda-drawer.is-visible::backdrop{background:rgba(15,23,42,.38)}
.drawer-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 16px}.drawer-header h2{margin:3px 0;font-size:23px}.drawer-header p{margin:0;color:#667085}.eyebrow{color:#175cd3;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.drawer-tabs{display:flex;gap:22px;padding:0 22px;border-bottom:1px solid #e7ebf0}.drawer-tabs button{padding:10px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.drawer-tabs button.active{border-color:#175cd3;color:#175cd3}
.drawer-content{min-height:0;overflow-y:auto;padding:20px 22px}.drawer-content h3{margin:18px 0 8px;font-size:14px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:12px;font-weight:800}.status-pill.cancelled{background:#f2f4f7;color:#667085}.status-pill.completed{background:#eff8ff;color:#175cd3}
.detail-list{display:grid;gap:0;margin:18px 0}.detail-list div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #edf0f4}.detail-list dt{display:flex;align-items:center;gap:7px;color:#667085}.detail-list dd{margin:0;color:#344054;font-weight:700}.payment-callout,.availability-note,.slot-summary{display:flex;align-items:flex-start;gap:9px;padding:12px;border-radius:10px;background:#ecfdf3;color:#067647;font-size:13px}.note-box{min-height:64px;margin:0;padding:12px;border-radius:10px;background:#f8fafc;color:#475467;white-space:pre-wrap}.contact-actions{display:flex;gap:8px;flex-wrap:wrap}
.appointment-quick-status{display:grid;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #edf0f4}.appointment-quick-status>strong{font-size:12px;color:#667085}.appointment-quick-status>div{display:flex;flex-wrap:wrap;gap:7px}.appointment-quick-status .btn{padding:7px 9px;font-size:11px}
.drawer-footer{display:flex;align-items:center;gap:8px;padding:14px 22px;border-top:1px solid #e7ebf0;background:#fff}.drawer-footer .btn{justify-content:center}.drawer-footer .btn-primary{margin-left:auto}
.appointment-wizard{grid-template-rows:auto auto minmax(0,1fr) auto}.wizard-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0 22px 14px;list-style:none;border-bottom:1px solid #e7ebf0}.wizard-progress li{position:relative;display:grid;place-items:center;gap:5px;color:#98a2b3;font-size:11px;font-weight:700}.wizard-progress li:not(:last-child)::after{content:"";position:absolute;top:13px;left:62%;width:76%;height:1px;background:#dfe5ec}.wizard-progress span{position:relative;z-index:1;width:27px;height:27px;display:grid;place-items:center;border:1px solid #d0d5dd;border-radius:50%;background:#fff}.wizard-progress li.active{color:#175cd3}.wizard-progress li.active span{border-color:#175cd3;background:#175cd3;color:#fff}.wizard-progress li.done span{border-color:#12b76a;background:#12b76a;color:#fff}
.wizard-content{padding-top:18px}.wizard-step{display:grid;gap:14px}.step-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:5px}.step-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eff6ff;color:#175cd3}.step-heading h3{margin:1px 0 3px;font-size:18px}.step-heading p{margin:0;color:#667085;font-size:13px}.wizard-step .field{display:grid;gap:6px;color:#344054;font-size:13px;font-weight:700}.wizard-step .input{width:100%}.field-help{margin:0;color:#667085;font-size:12px}.notes-details{padding-top:4px;border-top:1px solid #edf0f4}.notes-details summary{padding:10px 0;color:#175cd3;font-size:13px;font-weight:750;cursor:pointer}.notes-details .field{margin-top:11px}.slot-summary{background:#eff8ff;color:#175cd3}.booking-review{display:grid;gap:0;margin:0;border:1px solid #e4e7ec;border-radius:12px;overflow:hidden}.booking-review div{display:grid;grid-template-columns:110px 1fr;padding:11px 13px;border-bottom:1px solid #edf0f4}.booking-review div:last-child{border-bottom:0}.booking-review dt{color:#667085}.booking-review dd{margin:0;font-weight:750}.availability-note{margin-top:4px;background:#f8fafc;color:#475467}.wizard-footer{display:grid;grid-template-columns:auto 1fr auto}.wizard-footer .btn-primary{margin-left:0}
.compact-dialog{width:min(520px,calc(100% - 30px));padding:0;border:0;border-radius:15px;box-shadow:0 24px 64px rgba(15,23,42,.25)}.compact-dialog::backdrop{background:rgba(15,23,42,.45)}.compact-dialog form>header,.compact-dialog form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e7ebf0}.compact-dialog form>header h2{margin:3px 0 0}.compact-dialog .dialog-body{display:grid;gap:13px;padding:20px}.compact-dialog form>footer{justify-content:flex-end;border-top:1px solid #e7ebf0;border-bottom:0}.compact-dialog .field{display:grid;gap:6px;font-size:13px;font-weight:700}.inline-error{padding:10px;border-radius:8px;background:#fef3f2;color:#b42318;font-size:13px}
.appointment-form-heading{align-items:flex-end}.standalone-appointment-wizard{max-width:820px;margin:0 auto;overflow:hidden}.standalone-appointment-wizard>.wizard-progress{padding:20px 55px;border-bottom:1px solid #e7ebf0}.standalone-wizard-content{min-height:390px;padding:28px 55px}.standalone-wizard-content .wizard-step{gap:18px}.standalone-wizard-content .step-heading h2{margin:1px 0 3px;font-size:20px}.standalone-wizard-content .field{display:grid;gap:6px;color:#344054;font-size:13px;font-weight:700}.standalone-wizard-content .compact-field{max-width:360px}.standalone-wizard-content .align-start{justify-self:start}.standalone-wizard-footer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:16px 55px;border-top:1px solid #e7ebf0;background:#fbfcfe}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1180px) and (min-width:701px){.agenda-toolbar{grid-template-columns:auto auto minmax(0,1fr);gap:8px}.agenda-period-controls .btn-compact{display:none}.agenda-period-controls strong{margin-left:2px;font-size:13px}.agenda-view-switch button{padding-right:7px;padding-left:7px}.agenda-tools{gap:5px}.agenda-tools .btn{width:38px;padding:0;flex:0 0 38px}.agenda-tools .btn>span:not(.filter-count){display:none}.agenda-tool-group{padding:2px}.agenda-tool-group .btn{height:34px;min-height:34px}}
@media(max-width:1100px){.agenda-workspace{height:calc(100dvh - 230px);min-height:500px}.agenda-summary div:nth-child(n+3){display:none}}
@media(max-width:700px){.agenda-page{gap:9px}.agenda-workspace{height:calc(100dvh - 175px);min-height:480px;border-radius:12px}.agenda-toolbar{grid-template-columns:1fr auto;padding:8px;gap:8px}.agenda-period-controls strong{font-size:14px}.agenda-period-controls .btn-compact{display:none}.agenda-view-switch{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr)}.agenda-tools{grid-column:1/-1;grid-row:3;display:flex;justify-content:flex-end;padding-top:7px}.agenda-tools .btn{width:38px;padding:0;flex:0 0 38px}.agenda-tools .btn>span:not(.filter-count){display:none}.agenda-tool-group{padding:2px}.agenda-tool-group .btn{height:34px;min-height:34px}.agenda-summary{display:none}.agenda-body{grid-row:3}.agenda-filters{top:8px;right:8px;bottom:8px;left:8px;width:auto}.full-calendar{padding:5px}.full-calendar .fc-col-header-cell-cushion{font-size:10px}.agenda-drawer{width:100%;top:8%;height:92%;border-radius:16px 16px 0 0}.drawer-footer{padding:11px 14px;overflow-x:auto}.drawer-footer .btn{flex:0 0 auto}.wizard-progress{padding-left:12px;padding-right:12px}.drawer-header,.drawer-content{padding-left:16px;padding-right:16px}.standalone-appointment-wizard>.wizard-progress,.standalone-wizard-content,.standalone-wizard-footer{padding-left:16px;padding-right:16px}.standalone-wizard-content{min-height:420px}.appointment-form-heading p{display:none}}

.main.main-agenda{width:100%;max-width:none;height:calc(100dvh - 60px);margin:0;padding:0;overflow:hidden}
.main-agenda .agenda-page{height:100%;gap:0}
.main-agenda .agenda-toast{flex:0 0 auto;margin:8px 12px 0}
.main-agenda .agenda-workspace{flex:1;width:100%;height:auto;min-height:0;border-right:0;border-bottom:0;border-left:0;border-radius:0;box-shadow:none}

@media(max-width:700px){
    .main.main-agenda{height:calc(100dvh - 60px);padding:0}
    .main-agenda .agenda-page{gap:0}
    .main-agenda .agenda-toast{margin:6px 8px 0}
    .main-agenda .agenda-workspace{height:auto;min-height:0;border-radius:0}
}
@media(prefers-reduced-motion:reduce){.agenda-drawer,.agenda-filters{transition:none}}

/* Appointment booking wizard */
.standalone-appointment-wizard [hidden],.appointment-wizard [hidden]{display:none!important}
.booking-wizard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 28px 16px}.booking-wizard-header h2{margin:3px 0;font-size:23px}.booking-wizard-header p{margin:0;color:#667085;font-size:13px}.wizard-progress-five{grid-template-columns:repeat(5,1fr);padding:0 28px 16px}.wizard-progress-five em{font-style:normal}.booking-wizard-content{min-height:0;overflow-y:auto;padding:22px 28px}.standalone-appointment-wizard .booking-wizard-content{min-height:430px}.booking-wizard-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:15px 28px;border-top:1px solid #e7ebf0;background:#fbfcfe}.wizard-step-counter{color:#667085;font-size:12px;text-align:center}.choice-fieldset{min-width:0;margin:0;padding:0;border:0}.choice-fieldset>legend:not(.sr-only){margin:4px 0 10px;color:#344054;font-size:13px;font-weight:800}.booking-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.booking-choice-card{position:relative;min-width:0;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #d9e0e8;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.booking-choice-card:hover{border-color:#84adff;background:#f9fbff}.booking-choice-card:has(input:focus-visible){outline:3px solid #bfdbfe;outline-offset:2px}.booking-choice-card:has(input:checked){border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 1px #2563eb}.booking-choice-card>input{position:absolute;opacity:0;pointer-events:none}.booking-choice-card>span:nth-of-type(2){min-width:0;display:grid;gap:3px}.booking-choice-card strong,.booking-choice-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-choice-card strong{color:#1d2939;font-size:13px}.booking-choice-card small{color:#667085;font-size:11px}.booking-choice-card>i.fa-circle-check{margin-left:auto;color:#2563eb;opacity:0}.booking-choice-card:has(input:checked)>i.fa-circle-check{opacity:1}.choice-avatar,.choice-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--choice-color,#2563eb) 12%,white);color:var(--choice-color,#2563eb);font-size:14px;font-weight:850}.choice-avatar-auto{background:#f2f4f7;color:#475467}.choice-badge{position:absolute;right:8px;top:7px;padding:2px 6px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:9px;font-weight:800}.customer-choice-card:has(.choice-badge)>i{margin-top:10px}.booking-search{height:43px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#667085}.booking-search:focus-within{border-color:#84adff;box-shadow:0 0 0 3px #dbeafe}.booking-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit}.booking-empty{margin:12px 0 0;padding:14px;border:1px dashed #d0d5dd;border-radius:10px;color:#667085;text-align:center}.compact-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-fieldset{margin-top:18px}.date-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.date-shortcut{min-height:64px;display:grid;place-items:center;align-content:center;gap:3px;padding:8px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.date-shortcut small{color:#667085;font-size:10px;font-weight:600}.date-shortcut:hover,.date-shortcut.active{border-color:#2563eb;background:#eff6ff;color:#175cd3}.date-other{position:relative;overflow:hidden}.date-other input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.slot-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px;color:#667085}.slot-loading span{width:18px;height:18px;border:2px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:slot-spin .7s linear infinite}.time-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.time-slot-button{min-height:46px;display:grid;place-items:center;gap:1px;padding:7px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font:inherit;cursor:pointer}.time-slot-button strong{font-size:14px}.time-slot-button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#667085;font-size:9px;white-space:nowrap}.time-slot-button:hover,.time-slot-button.active{border-color:#2563eb;background:#2563eb;color:#fff}.time-slot-button.active small{color:#dbeafe}.slot-empty-state{display:grid;place-items:center;gap:6px;padding:26px 12px;color:#667085;text-align:center}.slot-empty-state>i{font-size:28px}.slot-empty-state strong{color:#344054}.slot-empty-state p{margin:0}.alternative-days{width:100%;display:grid;gap:7px;margin-top:8px}.alternative-days .btn{justify-content:space-between}.alternative-days small{font-weight:500}.quick-customer-dialog .quick-customer-shell>header,.quick-customer-dialog .quick-customer-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e7ebf0}.quick-customer-dialog .quick-customer-shell>header h2{margin:3px 0 0}.quick-customer-dialog .quick-customer-shell>footer{justify-content:flex-end;border:0;border-top:1px solid #e7ebf0}.booking-validation-error{margin-top:4px}.align-start{justify-self:start}
@keyframes slot-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.booking-wizard-header,.booking-wizard-content,.booking-wizard-footer{padding-left:16px;padding-right:16px}.booking-wizard-header p{display:none}.wizard-progress-five{padding-left:8px;padding-right:8px}.wizard-progress-five em{display:none}.wizard-progress li:not(:last-child)::after{left:64%;width:72%}.booking-choice-grid{grid-template-columns:1fr}.date-shortcuts{grid-template-columns:repeat(2,1fr)}.time-slot-grid{grid-template-columns:repeat(3,1fr)}.standalone-appointment-wizard .booking-wizard-content{min-height:440px}.wizard-step-counter{display:none}.booking-wizard-footer{grid-template-columns:auto 1fr}.booking-wizard-footer [data-wizard-next],.booking-wizard-footer [data-wizard-submit]{grid-column:2}.appointment-editor{top:2%;height:98%}}
@media(prefers-reduced-motion:reduce){.booking-choice-card{transition:none}.slot-loading span{animation:none}}

.slot-opening-hours{display:flex;align-items:center;gap:9px;margin:2px 0 10px;padding:10px 12px;border:1px solid #c7d7fe;border-radius:10px;background:#f5f8ff;color:#344054;font-size:12px;font-weight:750}.slot-opening-hours>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e7edff;color:#5547ed}.slot-opening-hours.is-closed{border-color:#cfd3da;background:#e4e6eb;color:#3f4654}.slot-opening-hours.is-closed>i{background:#cfd3da;color:#4f5665}
.date-shortcut.is-closed-day{border-color:#d9dce3;background:#f5f6f8;color:#3f4654}.date-shortcut.is-closed-day small{color:#b54708;font-weight:800}.date-shortcut.is-closed-day.active{border-color:#f79009;background:#fffaeb;color:#93370d}
.outside-hours-slots{margin-top:12px;border:1px solid #fedf89;border-radius:12px;background:#fffcf5;overflow:hidden}.outside-hours-slots>summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;color:#7a2e0e;cursor:pointer;list-style:none}.outside-hours-slots>summary::-webkit-details-marker{display:none}.outside-hours-slots>summary>span:nth-child(2){display:grid;gap:2px}.outside-hours-slots>summary strong{font-size:13px}.outside-hours-slots>summary small{color:#b54708;font-size:11px}.outside-hours-slots>summary>i{transition:transform .15s ease}.outside-hours-slots[open]>summary>i{transform:rotate(180deg)}.outside-hours-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fef0c7;color:#dc6803}.outside-time-slot-grid{max-height:230px;padding:0 13px 13px;overflow-y:auto}.time-slot-button.is-outside-hours{border-color:#fdb022;background:#fff;color:#7a2e0e}.time-slot-button.is-outside-hours small{color:#b54708}.time-slot-button.is-outside-hours:hover,.time-slot-button.is-outside-hours.active{border-color:#dc6803;background:#dc6803;color:#fff}.time-slot-button.is-outside-hours.active small{color:#ffead5}
.closed-hours-review-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #fedf89;border-radius:11px;background:#fffaeb;color:#93370d}.closed-hours-review-warning>i{margin-top:2px;color:#dc6803}.closed-hours-review-warning>span{display:grid;gap:2px;font-size:12px}.closed-hours-review-warning strong{font-size:13px}
.closed-hours-confirm-dialog{width:min(560px,calc(100% - 30px));border-radius:20px}.closed-hours-confirm-shell{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:24px}.closed-hours-confirm-close{position:absolute;z-index:1;top:16px;right:16px}.closed-hours-confirm-shell>div{padding-right:48px}.closed-hours-confirm-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#fef0c7;color:#dc6803;font-size:20px}.closed-hours-confirm-shell h2{margin:5px 0 7px;color:#101828;font-size:22px}.closed-hours-confirm-shell p{margin:0;color:#475467;line-height:1.55}.closed-hours-confirm-moment{margin-top:13px;padding:10px 12px;border-radius:9px;background:#fffaeb;color:#93370d;font-size:13px;font-weight:800;text-transform:capitalize}.closed-hours-confirm-shell>footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:4px;padding-top:16px;border-top:1px solid #eaecf0}.closed-hours-confirm-shell .btn-warning{border-color:#dc6803;background:#dc6803;color:#fff}.closed-hours-confirm-shell .btn-warning:hover{border-color:#b54708;background:#b54708}
@media(max-width:700px){.outside-time-slot-grid{max-height:260px}.closed-hours-confirm-shell{grid-template-columns:42px minmax(0,1fr);padding:19px}.closed-hours-confirm-icon{width:42px;height:42px;border-radius:12px}.closed-hours-confirm-shell>footer{align-items:stretch;flex-direction:column-reverse}.closed-hours-confirm-shell>footer .btn{justify-content:center}}
.booking-interval-card{margin-bottom:18px;overflow:hidden}.booking-interval-card .card-header>div p{margin:4px 0 0;color:#667085}.booking-interval-card form{padding:18px}.interval-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}.interval-options label{position:relative;display:flex;min-height:78px;padding:14px;border:1px solid #d0d5dd;border-radius:11px;cursor:pointer}.interval-options input{position:absolute;opacity:0}.interval-options label:has(input:checked){border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 1px #2563eb}.interval-options label:has(input:focus-visible){outline:3px solid #bfdbfe}.interval-options span{display:grid;gap:4px}.interval-options small{color:#667085}.booking-interval-card form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.booking-interval-card form>footer p{display:flex;align-items:center;gap:7px;margin:0;color:#667085;font-size:12px}@media(max-width:700px){.interval-options{grid-template-columns:1fr}.booking-interval-card form>footer{align-items:stretch;flex-direction:column}.booking-interval-card form>footer .btn{justify-content:center}}
.appointment-success{max-width:650px;margin:40px auto;padding:42px;text-align:center}.appointment-success .success-mark{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:#ecfdf3;color:#067647;font-size:25px}.appointment-success h1{margin:8px 0 10px}.appointment-success>p{margin:0 auto 24px;color:#667085;line-height:1.6}.appointment-success .booking-review{text-align:left}.appointment-success-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:24px}@media(max-width:600px){.appointment-success{margin:10px auto;padding:28px 18px}.appointment-success-actions{align-items:stretch;flex-direction:column}.appointment-success-actions .btn{justify-content:center}}

.agenda-customer-change{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:19px;height:19px;margin-right:5px;border-radius:5px;background:#f0e9ff;color:#6841ce;font-size:11px;vertical-align:middle}.agenda-customer-change.is-cancelled{background:#fff0f3;color:#bb3354}.agenda-event-head .agenda-customer-change{margin-left:auto;margin-right:0}.agenda-event-customer-changed{box-shadow:inset 3px 0 0 #9569ed}.agenda-customer-change-notice{padding:12px 14px;border:1px solid #dcd1f7;border-radius:9px;background:#f6f1ff;color:#6942b3;font-size:13px;line-height:1.5}.agenda-customer-change-notice[hidden]{display:none}
