/* Reuse booking shell and recap cards; only configuration layouts are scoped here. */
#modal.onboarding-dialog.booking-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;inset:0;border:0;border-radius:0;box-shadow:none}
#modal.onboarding-dialog #modalbody{height:100%;display:flex;flex-direction:column;overflow:hidden;padding:0}
#modal.onboarding-dialog::backdrop{background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(6px)}
#modal.onboarding-dialog #configuration-form{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;margin:0}
#modal.onboarding-dialog .configuration-content{display:block;overflow-y:auto;overflow-x:hidden;padding:clamp(14px,2.4vh,28px) clamp(16px,3vw,40px);flex:1;min-height:0}
#modal.onboarding-dialog .configuration-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px clamp(16px,3vw,40px);border-top:1px solid var(--booking-line);background:var(--surface);flex-shrink:0}
#modal.onboarding-dialog .configuration-navigation>div{display:flex;gap:10px}
#modal.onboarding-dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;border-radius:var(--ds-radius-lg);font-size:13px}
#modal.onboarding-dialog .btn.primary{background:var(--booking-accent);border-color:var(--booking-accent);color:var(--surface)}
#modal.onboarding-dialog .btn:hover{border-color:var(--booking-accent)}
#modal.onboarding-dialog .btn:focus-visible{outline:2px solid var(--booking-accent);outline-offset:2px}
#modal.onboarding-dialog #configuration-error{margin:0;padding:0 28px;font-size:13px}
#modal.onboarding-dialog #configuration-error:not(:empty){padding-bottom:12px}
.configuration-panel{padding:22px;border:1px solid var(--booking-line);border-radius:var(--ds-radius-lg);background:var(--surface);min-width:0}
.configuration-panel h3{font-size:21px;margin:0 0 8px}
.configuration-panel>p{font-size:13px;color:var(--booking-muted)}
@media(max-width:760px){
 #modal.onboarding-dialog.booking-dialog{width:100vw;height:100dvh}
 #modal.onboarding-dialog .configuration-content{padding:18px 16px}
 #modal.onboarding-dialog .configuration-navigation{padding:12px 16px}
 .configuration-panel{padding:18px}
}
.configuration-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.configuration-section-title h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0}
.configuration-section-title h3 svg{color:var(--booking-accent);flex-shrink:0}
.configuration-section-title small{font-size:11px;color:var(--booking-muted)}
.configuration-members{display:grid;gap:14px;margin:18px 0}
.configuration-member-card{border:1px solid var(--booking-line);border-radius:var(--ds-radius-lg);padding:14px}
.configuration-member-top{display:flex;align-items:center;gap:10px}
.configuration-member-identity{display:grid;gap:6px;flex:1;min-width:0}
#modal.onboarding-dialog .configuration-member-identity input{width:100%;min-width:0;height:36px;min-height:36px;font-size:12px}
.configuration-member-card .avatar{width:32px;height:32px;background:var(--booking-soft);color:var(--violet-text);font-size:11px;flex-shrink:0}
.configuration-member-card .iconbutton{width:30px;height:30px;min-width:30px;flex-shrink:0}
.configuration-same-hours{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:12px;color:var(--ink)}
.configuration-same-hours input{width:17px;height:17px;min-height:0;padding:0;margin:2px 0 0;accent-color:var(--booking-accent);flex-shrink:0}
.configuration-same-hours span{display:flex;flex-direction:column;gap:2px}
.configuration-same-hours small{color:var(--booking-muted);font-weight:400}
.configuration-shifts{margin-top:12px;padding-top:12px;border-top:1px solid var(--booking-line);display:grid;gap:8px}
.configuration-shifts-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.configuration-shifts-head small{font-size:11px;font-weight:600;color:var(--booking-muted);text-transform:uppercase;letter-spacing:.03em}
.configuration-shifts-head .textbtn{font-size:11px;color:var(--violet-text)}
.configuration-shift-row{padding:10px;border:1px solid var(--booking-line);border-radius:var(--ds-radius-md);background:var(--soft)}
.configuration-shift-row.is-off{background:transparent}
.configuration-shift-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.configuration-shift-day{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink)}
.configuration-shift-day input{width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:var(--booking-accent);flex-shrink:0}
.configuration-shift-top>small{font-size:11px;color:var(--booking-muted)}
.configuration-shift-times{display:flex;gap:8px}
.configuration-shift-times label{display:grid;gap:3px;font-size:10px;color:var(--booking-muted)}
#modal.onboarding-dialog .configuration-shift-times input,#modal.onboarding-dialog .configuration-shift-times .control-button{width:92px;height:32px;min-height:32px;font-size:12px;padding:0 8px}
.configuration-shift-footer{margin-top:8px}
.configuration-shift-pause-chip,.configuration-shift-pause-add{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--violet-text);background:transparent;border:0;padding:0}
.configuration-shift-pause-editor{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.configuration-shift-pause-editor label{display:grid;gap:3px;font-size:10px;color:var(--booking-muted)}
#modal.onboarding-dialog .configuration-shift-pause-editor input,#modal.onboarding-dialog .configuration-shift-pause-editor .control-button{width:92px;height:32px;min-height:32px;font-size:12px;padding:0 8px}
.configuration-shift-pause-editor .textbtn{font-size:11px}
.configuration-shift-pause-editor .textbtn.danger{color:#ad4d57}
@media(max-width:420px){.configuration-shift-times,.configuration-shift-pause-editor{width:100%}.configuration-shift-times label,.configuration-shift-pause-editor label{flex:1}#modal.onboarding-dialog .configuration-shift-times input,#modal.onboarding-dialog .configuration-shift-times .control-button,#modal.onboarding-dialog .configuration-shift-pause-editor input,#modal.onboarding-dialog .configuration-shift-pause-editor .control-button{width:100%}}
.configuration-empty{font-size:13px;color:var(--booking-muted);padding:12px 0}
.configuration-service-fields{display:grid;grid-template-columns:minmax(140px,1.5fr) minmax(100px,1fr) 100px 100px 30px;gap:12px;align-items:end}
.configuration-service-fields label{display:grid;gap:6px;font-size:11px;color:var(--booking-muted)}
#modal.onboarding-dialog .configuration-service-fields input{width:100%;min-width:0;font-size:13px}
.configuration-service-fields>.iconbutton{width:30px;height:40px}
.configuration-check{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400;color:var(--ink)}
.configuration-check input{width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:var(--booking-accent);flex-shrink:0}
@media(max-width:760px){.configuration-service-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.configuration-service-fields>.iconbutton{justify-self:end;grid-column:2}}

/* PDF price-list import and review. */
.configuration-import-drop.is-dragging{border-color:var(--booking-accent);background:var(--booking-soft)}
.configuration-import-review{margin-bottom:20px;border-color:var(--booking-accent)}
.configuration-import-review .configuration-section-title small{overflow-wrap:anywhere}
.configuration-import-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:14px}
.configuration-import-fill{display:flex;align-items:end;gap:8px;margin-left:auto}
.configuration-import-fill label{display:grid;gap:4px;font-size:11px;color:var(--booking-muted)}
#modal.onboarding-dialog .configuration-import-fill input{width:110px;font-size:13px}
.configuration-import-list{display:grid;gap:12px;margin-top:16px}
.configuration-import-row{padding:14px 16px;border:1px solid var(--booking-line);border-radius:var(--ds-radius-lg);display:grid;gap:10px}
.configuration-import-row.needs-check{border-color:var(--ds-warning);background:color-mix(in srgb,var(--ds-warning-bg) 45%,var(--surface))}
.configuration-import-row.is-excluded{opacity:.55;background:transparent;border-style:dashed;border-color:var(--booking-line)}
.configuration-import-row .configuration-service-fields{grid-template-columns:minmax(140px,1.5fr) minmax(100px,1fr) 100px 100px}
#modal.onboarding-dialog .configuration-import-row input:not([type=checkbox]){width:100%;min-width:0;font-size:13px}
#modal.onboarding-dialog .configuration-import-row input.is-invalid{border-color:var(--ds-danger);box-shadow:0 0 0 1px var(--ds-danger)}
#modal.onboarding-dialog .configuration-import-row input.is-empty{border-color:var(--ds-warning)}
.configuration-import-description{display:grid;gap:6px;font-size:11px;color:var(--booking-muted)}
.configuration-import-hints{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.configuration-import-hints li{font-size:11px;color:var(--ds-warning);background:var(--ds-warning-bg);border-radius:999px;padding:3px 9px}
.configuration-import-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}
@media(max-width:760px){.configuration-import-row .configuration-service-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.configuration-import-row .configuration-service-fields>label:first-child{grid-column:1/-1}.configuration-import-fill{margin-left:0}}

#modal.onboarding-dialog .configuration-content{background:linear-gradient(180deg,#f6f4ff 0,#f8f8fd 340px,#f9f9fc 100%)}

/* One-row header: brand,steps as pills,status and close. */
#modal.onboarding-dialog.booking-dialog .booking-shell-head{display:flex;align-items:center;gap:20px;padding:10px clamp(16px,3vw,40px);border-bottom:1px solid var(--booking-line);background:var(--surface)}
#modal.onboarding-dialog.booking-dialog .booking-heading{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin:0;padding:0;background:transparent}
#modal.onboarding-dialog.booking-dialog .booking-heading h2{font:700 16px/1.1 var(--font-heading);letter-spacing:.04em;margin:0;color:var(--ink)}
#modal.onboarding-dialog.booking-dialog .booking-heading .booking-kicker{display:block;margin:3px 0 0;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--booking-muted)}
#modal.onboarding-dialog.booking-dialog .configuration-progress{display:flex;justify-content:center;align-items:center;gap:4px;flex:1;min-width:0;list-style:none;margin:0;padding:0}
#modal.onboarding-dialog.booking-dialog .configuration-progress-step{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;font-size:13px;color:var(--booking-muted);white-space:nowrap;min-width:0}
#modal.onboarding-dialog.booking-dialog .configuration-progress-step.is-current{background:#ece8fe;color:var(--ink);font-weight:600}
#modal.onboarding-dialog.booking-dialog .configuration-progress-badge{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--booking-line);color:var(--booking-muted);font-size:11px;font-weight:700;flex-shrink:0}
#modal.onboarding-dialog.booking-dialog .configuration-progress-step.is-done .configuration-progress-badge{background:var(--ds-success-bg);color:var(--ds-success)}
#modal.onboarding-dialog.booking-dialog .configuration-progress-step.is-current .configuration-progress-badge{background:var(--booking-accent);color:#fff}
#modal.onboarding-dialog.booking-dialog .configuration-progress-label{overflow:hidden;text-overflow:ellipsis}
#modal.onboarding-dialog.booking-dialog .configuration-head-end{display:flex;align-items:center;gap:14px;flex:0 0 auto}
#modal.onboarding-dialog.booking-dialog .configuration-head-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--booking-muted)}
#modal.onboarding-dialog.booking-dialog .configuration-head-status::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ds-success)}
#modal.onboarding-dialog.booking-dialog .configuration-head-end .close{position:static;transform:none;width:34px;height:34px}
@media(max-width:1180px){#modal.onboarding-dialog.booking-dialog .configuration-head-status{display:none}}
@media(max-width:980px){#modal.onboarding-dialog.booking-dialog .configuration-progress-step:not(.is-current) .configuration-progress-label{display:none}#modal.onboarding-dialog.booking-dialog .configuration-progress-step:not(.is-current){padding:7px 6px}}
@media(max-width:560px){#modal.onboarding-dialog.booking-dialog .booking-shell-head{gap:10px}#modal.onboarding-dialog.booking-dialog .configuration-heading-text{display:none}#modal.onboarding-dialog.booking-dialog .configuration-progress{justify-content:flex-start}}

/* Reference refinements: pill stepper,soft glow,chip timings,lighter banner. */
#modal.onboarding-dialog.booking-dialog .configuration-content{background:radial-gradient(ellipse 60% 55% at 50% 22%,#efeaff 0,rgba(239,234,255,0) 70%),linear-gradient(180deg,#f8f7ff 0,#fafafd 100%)}
#modal.onboarding-dialog.booking-dialog .configuration-progress{flex:0 1 auto;margin:0 auto;gap:2px;padding:4px;border:1px solid #e7e5f2;border-radius:999px;background:#f7f7fb}
#modal.onboarding-dialog.booking-dialog .configuration-progress-step{padding:5px 12px 5px 6px;border-radius:999px;font-size:12px}
#modal.onboarding-dialog.booking-dialog .configuration-progress-step.is-current{background:var(--booking-accent);color:#fff;font-weight:600;box-shadow:0 4px 10px -4px rgba(124,87,255,.7)}
#modal.onboarding-dialog.booking-dialog .configuration-progress-step.is-current .configuration-progress-badge{background:rgba(255,255,255,.22);color:#fff}
#modal.onboarding-dialog.booking-dialog .configuration-progress-badge{width:18px;height:18px;font-size:10px;font-weight:600;background:#eceaf4}
#modal.onboarding-dialog.booking-dialog .configuration-head-end .close{border-radius:50%;width:32px;height:32px;font-size:18px;color:var(--booking-muted);background:var(--surface);border:1px solid #e3e3ee}
#modal.onboarding-dialog.booking-dialog .configuration-navigation .btn.primary{box-shadow:0 8px 18px -8px rgba(124,87,255,.75)}

/* Step 2: centre details beside a live preview card. */
.configuration-center-page{max-width:1120px;margin:0 auto}
.configuration-center-layout{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;align-items:flex-start}
.configuration-center-form{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.configuration-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.configuration-field-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;color:var(--ink)}
.configuration-field-label small{font-size:12px;font-weight:400;color:var(--booking-muted)}
#modal.onboarding-dialog .configuration-field input:not([type=hidden]),#modal.onboarding-dialog .configuration-select-button{margin:0;width:100%;height:46px;min-height:0;padding:0 14px;border-radius:12px;border:1px solid #e0ddea;background:var(--surface);font-size:15px;font-weight:400;color:var(--ink)}
#modal.onboarding-dialog .configuration-field input::placeholder{color:#8e8aa0}
#modal.onboarding-dialog .configuration-field input:focus{border-color:var(--booking-accent);box-shadow:0 0 0 3px #ece8fe;outline:none}
#modal.onboarding-dialog .configuration-select-button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}
#modal.onboarding-dialog .configuration-select-button svg{color:#8e8aa0;flex-shrink:0}
#modal.onboarding-dialog .configuration-select-button[aria-expanded="true"],#modal.onboarding-dialog .configuration-select-button:hover{border-color:var(--booking-accent)}
#modal.onboarding-dialog .configuration-select-button[aria-expanded="true"]{box-shadow:0 0 0 3px #ece8fe}
.configuration-field-help{margin:6px 0 0;font-size:12.5px;color:var(--booking-muted)}
.configuration-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.configuration-center-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:12px}
.configuration-side-kicker{margin:0;padding-left:4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--booking-muted)}
.configuration-profile-card{border-radius:20px;background:var(--surface);border:1px solid #e7e5ef;overflow:hidden;box-shadow:0 8px 24px rgba(108,76,230,.08)}
.configuration-profile-cover{height:64px;background:linear-gradient(120deg,#ede8fd,#f6f2ff)}
.configuration-profile-body{display:flex;flex-direction:column;padding:0 22px 22px}
.configuration-profile-avatar{display:grid;place-items:center;width:60px;height:60px;margin-top:-30px;border-radius:18px;background:var(--booking-accent);border:4px solid var(--surface);color:#fff;font-size:21px;font-weight:700}
.configuration-profile-body>strong{margin-top:10px;font-size:20px;font-weight:700;letter-spacing:-.2px;color:var(--ink);overflow-wrap:anywhere}
.configuration-profile-body>small{margin-top:2px;font-size:13px;color:var(--booking-muted)}
.configuration-profile-body .is-empty{color:#696674}
.configuration-profile-body dl{display:flex;flex-direction:column;gap:9px;margin:16px 0 0;padding-top:14px;border-top:1px solid #eeecf4}
.configuration-profile-body dl>div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}
.configuration-profile-body dt{color:var(--booking-muted)}
.configuration-profile-body dd{margin:0;font-weight:500;color:var(--ink);text-align:right;overflow-wrap:anywhere}
.configuration-profile-progress{display:flex;align-items:center;gap:10px;padding:0 4px}
.configuration-profile-progress>span{flex:1;height:6px;border-radius:999px;background:#e9e6f2;overflow:hidden}
.configuration-profile-progress i{display:block;height:100%;width:0;border-radius:999px;background:var(--booking-accent);transition:width .2s}
.configuration-profile-progress small{font-size:12.5px;color:#5e5b70;white-space:nowrap}
.configuration-nav-hint{align-self:center;font-size:13px;color:#5e5b70}
#modal.onboarding-dialog .configuration-navigation .btn.primary.is-blocked{background:#c9c0f2;border-color:#c9c0f2;box-shadow:none;cursor:not-allowed}
@media(max-width:760px){.configuration-nav-hint{display:none}}

/* Step 3: weekly opening hours and team,two cards side by side. */
.configuration-team-page{max-width:1280px;margin:0 auto}
.configuration-page-heading h3{margin:0;font-size:30px;font-weight:800;letter-spacing:-.8px;color:var(--ink)}
.configuration-page-heading p{margin:6px 0 0;font-size:14px;color:var(--booking-muted)}
.configuration-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px;margin-top:20px;align-items:start}
.configuration-card{padding:22px 24px;border-radius:20px;background:var(--surface);border:1px solid #e7e5ef;box-shadow:0 1px 2px rgba(27,26,35,.04)}
.configuration-card-head{display:flex;align-items:flex-start;gap:12px}
.configuration-card-head>div{flex:1;min-width:0}
.configuration-card-icon{color:var(--booking-accent);flex-shrink:0;padding-top:2px}
.configuration-card-head h4{margin:0;font-size:19px;font-weight:700;letter-spacing:-.2px;color:var(--ink)}
.configuration-card-head p{margin:3px 0 0;font-size:13px;color:var(--booking-muted)}
.configuration-chip{flex-shrink:0;padding:5px 12px;border-radius:999px;background:#f1eefb;color:#5b3fd6;font-size:12px;font-weight:600;white-space:nowrap}
.configuration-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.configuration-presets>span{font-size:12px;font-weight:600;color:var(--booking-muted);margin-right:2px}
#modal.onboarding-dialog .configuration-presets button{min-height:0;height:32px;padding:0 13px;border-radius:999px;border:1px solid #e0ddea;background:var(--surface);font-size:13px;font-weight:500;color:var(--ink)}
#modal.onboarding-dialog .configuration-presets button:hover{border-color:var(--booking-accent)}
#modal.onboarding-dialog .configuration-presets button.is-dashed{border:1px dashed #c9c2ee;background:#faf9fd;color:#5b3fd6}
.configuration-days{margin-top:14px;border:1px solid #eeecf4;border-radius:14px;overflow:hidden}
.configuration-day-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:52px;padding:7px 14px;background:var(--surface)}
.configuration-day-row+.configuration-day-row{border-top:1px solid #eeecf4}
.configuration-day-name{display:flex;align-items:center;gap:12px;width:140px;font-size:14px;font-weight:600;color:var(--ink)}
#modal.onboarding-dialog .configuration-switch{position:relative;width:40px;height:24px;min-height:0;padding:0;border:0;border-radius:999px;background:#d6d3e0;flex-shrink:0;cursor:pointer;transition:background .15s}
.configuration-switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
#modal.onboarding-dialog .configuration-switch[aria-checked="true"]{background:var(--booking-accent)}
.configuration-switch[aria-checked="true"] span{transform:translateX(16px)}
.configuration-day-times{display:flex;align-items:center;gap:8px;flex:1;min-width:230px}
#modal.onboarding-dialog .configuration-day-times select{height:36px;min-height:0;min-width:92px;padding:0 10px;border-radius:10px;border:1px solid #e0ddea;background:var(--surface);font-size:14px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.configuration-day-times>span{color:#696674}
.configuration-day-times small{font-size:12px;color:var(--booking-muted)}
.configuration-day-times small.is-error{color:#b42318;font-weight:500}
.configuration-day-closed{flex:1;font-size:14px;color:#696674}
.configuration-day-row.is-closed .configuration-day-name{color:var(--booking-muted)}
.configuration-team-page .configuration-members{display:flex;flex-direction:column;gap:12px;margin:18px 0 0}
.configuration-team-page .configuration-member-card{padding:16px;border:1px solid #eeecf4;border-radius:14px;background:#fcfbfe}
.configuration-team-page .configuration-member-top{display:flex;align-items:flex-start;gap:14px}
.configuration-team-page .configuration-member-card .avatar{width:42px;height:42px;border-radius:50%;background:#e9e4fb;color:#5b3fd6;font-size:14px;font-weight:700;flex-shrink:0}
.configuration-team-page .configuration-member-identity{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;flex:1;min-width:0}
.configuration-team-page .configuration-member-identity label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#3e3b4e}
.configuration-team-page .configuration-member-identity small{font-weight:400;color:var(--booking-muted)}
#modal.onboarding-dialog .configuration-team-page .configuration-member-identity input{height:40px;min-height:0;padding:0 12px;border-radius:10px;border:1px solid #e0ddea;background:var(--surface);font-size:14px;font-weight:400}
#modal.onboarding-dialog .configuration-member-remove{display:grid;place-items:center;width:40px;height:40px;min-height:0;margin-top:20px;padding:0;border-radius:10px;border:1px solid #e7e5ef;background:var(--surface);color:var(--booking-muted);flex-shrink:0}
.configuration-team-page .configuration-same-hours{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:12px 0 0 56px;font-size:13px}
.configuration-team-page .configuration-same-hours input{width:18px;height:18px;margin:0}
.configuration-team-page .configuration-same-hours strong{font-weight:500;color:var(--ink)}
.configuration-team-page .configuration-same-hours small{font-size:13px;color:var(--booking-muted)}
.configuration-team-page .configuration-shifts{margin-left:56px}
#modal.onboarding-dialog .configuration-add-member{height:48px;min-height:0;border-radius:14px;border:1.5px dashed #c9c2ee;background:#faf9fd;font-size:14px;font-weight:600;color:#5b3fd6}
.configuration-card-note{display:flex;gap:10px;margin:18px 0 0;padding-top:16px;border-top:1px solid #eeecf4;font-size:13px;line-height:1.5;color:var(--booking-muted)}
.configuration-card-note svg{flex-shrink:0}
@media(max-width:560px){.configuration-card{padding:18px}.configuration-card-head{flex-wrap:wrap}.configuration-team-page .configuration-same-hours,.configuration-team-page .configuration-shifts{margin-left:0}.configuration-day-name{width:auto}}
#modal.onboarding-dialog .configuration-day-times select{width:auto;flex:0 0 auto}
.configuration-day-times small{white-space:nowrap;margin-left:4px}
.configuration-team-page .configuration-member-identity label small{display:inline;font-size:12px}
#modal.onboarding-dialog .configuration-time-button{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:92px;height:36px;min-height:0;padding:0 10px 0 12px;border-radius:10px;border:1px solid #e0ddea;background:var(--surface);font-size:14px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer}
#modal.onboarding-dialog .configuration-time-button svg{color:#8e8aa0;flex-shrink:0}
#modal.onboarding-dialog .configuration-time-button:hover,#modal.onboarding-dialog .configuration-time-button[aria-expanded="true"]{border-color:var(--booking-accent)}
#modal.onboarding-dialog .configuration-time-button[aria-expanded="true"]{box-shadow:0 0 0 3px #ece8fe}
.configuration-time-menu{position:fixed;z-index:20;max-height:232px;overflow-y:auto;padding:6px;border-radius:12px;background:var(--surface);border:1px solid #e7e5ef;box-shadow:0 16px 32px -12px rgba(27,26,35,.28);display:grid;gap:2px;overscroll-behavior:contain}
#modal .configuration-time-menu button{min-height:0;height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink);text-align:left;cursor:pointer}
#modal .configuration-time-menu button:hover,#modal .configuration-time-menu button:focus-visible{background:#f3f0ff;outline:none}
#modal .configuration-time-menu button[aria-selected="true"]{background:var(--booking-accent);color:#fff;font-weight:600}
#modal.onboarding-dialog .configuration-member-remove{margin-top:0;align-self:flex-end}
.configuration-date-parts{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:8px}
#modal.onboarding-dialog .configuration-select-button.is-placeholder span{color:#696674}

/* Step 1: welcome hero with an agenda preview,then the five steps. */
#modal.onboarding-dialog.booking-dialog .configuration-content:has(.configuration-welcome-page){background:radial-gradient(1200px 520px at 50% 0,#efeafd 0%,#f7f6fb 70%)}
.configuration-welcome-page{max-width:1240px;min-height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,4vh,44px)}
.configuration-welcome-hero{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(24px,4vw,48px)}
.configuration-welcome-copy{flex:1 1 440px;min-width:0}
.configuration-welcome-badge{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;background:var(--surface);border:1px solid #e2dcf8;font-size:13px;font-weight:600;color:#5b3fd6}
.configuration-welcome-copy h3{margin:clamp(12px,2vh,20px) 0 0;font-size:clamp(34px,5.6vh,54px);line-height:1.05;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.configuration-welcome-copy>p{margin:clamp(10px,1.6vh,16px) 0 0;max-width:520px;font-size:clamp(15px,2vh,18px);line-height:1.5;color:#5e5b70}
.configuration-welcome-copy ul{list-style:none;margin:clamp(16px,2.8vh,28px) 0 0;padding:0;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px)}
.configuration-welcome-copy li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink)}
.configuration-welcome-copy li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#efebfd;color:var(--violet-text);flex-shrink:0}
.configuration-welcome-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:clamp(18px,3vh,32px)}
#modal.onboarding-dialog .configuration-welcome-cta .btn{height:52px;min-height:0;padding:0 28px;border-radius:16px;font-size:16px;font-weight:600;gap:12px;box-shadow:0 10px 24px rgba(108,76,230,.3)}
.configuration-welcome-cta>span{font-size:13px;color:var(--booking-muted)}
.configuration-welcome-mock{position:relative;flex:1 1 400px;min-width:0;max-width:540px;margin:0 auto 22px}
.configuration-welcome-agenda{padding:20px;border-radius:24px;background:var(--surface);border:1px solid #e7e5ef;box-shadow:0 24px 48px rgba(108,76,230,.12)}
.configuration-welcome-agenda-head{display:flex;align-items:center;justify-content:space-between}
.configuration-welcome-agenda-head small{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--booking-muted)}
.configuration-welcome-agenda-head strong{display:block;margin-top:2px;font-size:19px;font-weight:700;color:var(--ink)}
.configuration-welcome-avatars{display:flex}
.configuration-welcome-avatars span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--surface);background:var(--booking-accent);color:#fff;font-size:11px;font-weight:700}
.configuration-welcome-avatars span+span{margin-left:-12px;background:#f08a5d}
.configuration-welcome-slot{display:flex;gap:14px;margin-top:10px}
.configuration-welcome-agenda-head+.configuration-welcome-slot{margin-top:16px}
.configuration-welcome-slot>span{width:42px;padding-top:11px;font-size:12.5px;color:var(--booking-muted);flex-shrink:0}
.configuration-welcome-slot>div{flex:1;min-width:0;padding:clamp(8px,1.3vh,12px) 14px;border-radius:14px;background:#f1eefb}
.configuration-welcome-slot>div.is-peach{background:#fdeee6}
.configuration-welcome-slot>div.is-free{background:transparent;border:1.5px dashed #d9d3f3;font-size:13.5px;font-weight:500;color:#5b3fd6}
.configuration-welcome-slot strong{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.configuration-welcome-slot small{display:block;margin-top:2px;font-size:12.5px;color:#5e5b70}
.configuration-welcome-toast{position:absolute;left:-20px;bottom:-22px;display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:16px;background:var(--surface);border:1px solid #e7e5ef;box-shadow:0 12px 28px rgba(27,26,35,.1)}
.configuration-welcome-toast>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6f4ec;color:#2f8f5b}
.configuration-welcome-toast strong{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}
.configuration-welcome-toast small{display:block;font-size:12px;color:var(--booking-muted)}
.configuration-welcome-steps-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}
.configuration-welcome-steps-head h4{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3e3b4e}
.configuration-welcome-steps-head span{font-size:13px;color:var(--booking-muted)}
.configuration-welcome-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.configuration-welcome-steps li{display:flex;flex-direction:column;gap:4px;padding:clamp(12px,2vh,18px) 16px;border-radius:18px;background:var(--surface);border:1px solid #e7e5ef}
.configuration-welcome-steps li.is-current{border:1.5px solid var(--booking-accent)}
.configuration-welcome-steps li>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.configuration-welcome-steps li>div span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#efebfd;color:#5b3fd6;font-size:13px;font-weight:700}
.configuration-welcome-steps li.is-current>div span{background:var(--booking-accent);color:#fff}
.configuration-welcome-steps li>div small{padding:3px 10px;border-radius:999px;background:#f1eefb;color:#5b3fd6;font-size:12px;font-weight:600}
.configuration-welcome-steps li strong{font-size:16px;font-weight:700;color:var(--ink)}
.configuration-welcome-steps li p{margin:0;font-size:13px;line-height:1.45;color:#5e5b70}
@media(max-width:760px){.configuration-welcome-toast{left:8px}.configuration-welcome-mock{margin-bottom:30px}}
.configuration-profile-body .configuration-profile-avatar,.configuration-profile-body .configuration-profile-avatar.is-empty{color:#fff}

/* Step 4: quick-add listino beside the PDF import card. */
.configuration-services-page{max-width:1280px;margin:0 auto}
.configuration-services-layout{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;align-items:flex-start}
.configuration-services-main{flex:999 1 620px;min-width:0}
.configuration-services-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:14px}
.configuration-service-add{display:grid;grid-template-columns:minmax(160px,2fr) minmax(130px,1.2fr) minmax(110px,1fr) minmax(100px,.9fr) auto;gap:10px;align-items:end;margin-top:20px;padding:14px;border-radius:14px;background:#faf9fd;border:1px solid #eeecf4}
.configuration-service-add .configuration-field-label{font-size:12.5px;color:#3e3b4e}
#modal.onboarding-dialog .configuration-service-add .configuration-field input,#modal.onboarding-dialog .configuration-service-add .configuration-select-button{height:42px;border-radius:10px;font-size:14px}
#modal.onboarding-dialog .configuration-new-category{position:relative;display:block}
#modal.onboarding-dialog .configuration-service-add .configuration-new-category input{width:100%;padding-right:38px;border-color:var(--booking-accent);box-shadow:0 0 0 3px rgba(111,84,232,.12)}
#modal.onboarding-dialog .configuration-new-category button{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:28px;height:28px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;color:#7a7690;transform:translateY(-50%);cursor:pointer}
#modal.onboarding-dialog .configuration-new-category button:hover{background:#f1eefc;color:var(--violet-text)}
#modal.onboarding-dialog .configuration-time-menu [data-value=" nuova"]{color:var(--violet-text);font-weight:600;border-top:1px solid #eeecf4}
#modal.onboarding-dialog .configuration-service-add-button{display:inline-flex;align-items:center;gap:6px;height:42px;min-height:0;padding:0 16px;border:0;border-radius:10px;background:var(--booking-accent);color:#fff;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.configuration-common{margin-top:14px}
.configuration-services-empty{display:flex;flex-direction:column;gap:4px;margin-top:20px;padding:30px 24px;border:1.5px dashed #e0ddea;border-radius:14px;text-align:center}
.configuration-services-empty strong{font-size:15px;color:var(--ink)}
.configuration-services-empty span{font-size:13.5px;color:var(--booking-muted)}
.configuration-service-items{margin-top:20px;border:1px solid #eeecf4;border-radius:14px;overflow:hidden}
.configuration-service-item{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 14px;background:var(--surface)}
.configuration-service-item+.configuration-service-item{border-top:1px solid #eeecf4}
.configuration-service-item>div{flex:1 1 200px;min-width:0}
.configuration-service-item strong{display:block;font-size:14.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.configuration-service-item small{display:block;margin-top:2px;font-size:12.5px;color:var(--booking-muted)}
.configuration-service-price{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--booking-muted)}
#modal.onboarding-dialog .configuration-service-price input{width:96px;height:38px;min-height:0;margin:0;padding:0 10px;border-radius:10px;border:1px solid #e0ddea;background:var(--surface);font-size:14px;font-weight:600;color:var(--ink);text-align:right}
#modal.onboarding-dialog .configuration-service-item.is-missing .configuration-service-price input{border-color:#e7b250;background:#fffaf0}
.configuration-service-item .configuration-member-remove{align-self:center}
.configuration-services-warning{margin:10px 0 0;font-size:13px;color:#9a5b00}
.configuration-import-card-head{display:flex;align-items:center;gap:12px}
.configuration-import-card-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#efebfd;color:var(--violet-text);flex-shrink:0}
.configuration-import-card-head h4{margin:0;font-size:17px;font-weight:700;color:var(--ink)}
.configuration-import-card-head p{margin:2px 0 0;font-size:13px;color:#5e5b70}
.configuration-import-card .configuration-import-drop{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:16px;padding:22px 16px;border:1.5px dashed #d9d3f3;border-radius:14px;background:#faf9fd;text-align:center}
.configuration-import-card .configuration-import-drop strong{font-size:14.5px;color:var(--ink)}
.configuration-import-card .configuration-import-drop small{font-size:12.5px;color:var(--booking-muted);margin-bottom:10px}
#modal.onboarding-dialog .configuration-import-card .configuration-import-drop .btn{height:42px;min-height:0;padding:0 20px;border-radius:12px;font-weight:600}
.configuration-import-card ol{display:flex;flex-direction:column;gap:5px;margin:16px 0 0;padding:0 0 0 18px;font-size:13.5px;line-height:1.5;color:#5e5b70}
.configuration-side-note{display:flex;gap:10px;margin:0;padding:0 6px;font-size:13.5px;line-height:1.5;color:#5e5b70}
.configuration-side-note svg{flex-shrink:0;color:var(--booking-muted)}
@media(max-width:900px){.configuration-service-add{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.configuration-service-add>label:first-child{grid-column:1/-1}.configuration-service-add-button{grid-column:1/-1;justify-content:center}}

/* Leave confirmation,drawn inside the configuration so nothing behind it is reachable. */
.configuration-leave{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:rgba(27,26,35,.38);backdrop-filter:blur(3px);animation:configuration-leave-in .16s ease-out}
.configuration-leave-card{width:min(440px,100%);padding:26px;border-radius:20px;background:var(--surface);border:1px solid #e7e5ef;box-shadow:0 24px 48px -16px rgba(27,26,35,.35);text-align:center}
.configuration-leave-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff4e0;color:#b26b00}
.configuration-leave-card h3{margin:14px 0 6px;font-size:20px;font-weight:700;letter-spacing:-.3px;color:var(--ink)}
.configuration-leave-card p{margin:0;font-size:14px;line-height:1.55;color:#5e5b70}
.configuration-leave-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
#modal.onboarding-dialog .configuration-leave-actions .btn{height:44px;min-height:0;padding:0 18px;border-radius:12px;font-weight:600}
@keyframes configuration-leave-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.configuration-leave{animation:none}}

/* Step 5: summary with edit links beside the calendar import card. */
.configuration-done-page{max-width:1280px;margin:0 auto}
.configuration-done-layout{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;align-items:flex-start}
.configuration-ics-card{flex:999 1 560px;min-width:0}
.configuration-summary-card{flex:1 1 320px;min-width:0}
.configuration-chip.is-muted{background:#f1f0f5;color:#6b6880}
.configuration-ics-drop{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:20px;padding:28px 20px;border:1.5px dashed #d9d3f3;border-radius:16px;background:#faf9fd;text-align:center}
.configuration-ics-drop>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#efebfd;color:var(--violet-text);margin-bottom:10px}
.configuration-ics-drop strong{font-size:15px;color:var(--ink)}
.configuration-ics-drop small{font-size:12.5px;color:var(--booking-muted);margin-bottom:12px}
#modal.onboarding-dialog .configuration-ics-drop .btn{height:42px;min-height:0;padding:0 20px;border-radius:12px;font-weight:600}
.configuration-ics-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;list-style:none;margin:16px 0 0;padding:0}
.configuration-ics-steps li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#5e5b70}
.configuration-ics-steps li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#efebfd;color:#5b3fd6;font-size:12px;font-weight:700;flex-shrink:0}
.configuration-ics-note{margin:16px 0 0;padding-top:14px;border-top:1px solid #eeecf4;font-size:13.5px;color:#5e5b70}
.configuration-summary-card h4{margin:0;font-size:18px;font-weight:700;color:var(--ink)}
.configuration-summary-card ul{list-style:none;margin:8px 0 0;padding:0}
.configuration-summary-card li{display:flex;align-items:center;gap:12px;padding:13px 0}
.configuration-summary-card li+li{border-top:1px solid #eeecf4}
.configuration-summary-check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6f4ec;color:#2f8f5b;flex-shrink:0}
.configuration-summary-card li>div{flex:1;min-width:0}
.configuration-summary-card li strong{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.configuration-summary-card li small{display:block;margin-top:1px;font-size:12.5px;color:var(--booking-muted);overflow-wrap:anywhere}
#modal.onboarding-dialog .configuration-summary-edit{min-height:0;padding:8px 4px;border:0;background:transparent;font-size:13.5px;font-weight:600;color:#5b3fd6;cursor:pointer}
#modal.onboarding-dialog .configuration-summary-edit:hover{color:#4529b8;text-decoration:underline}
.configuration-summary-note{margin:8px 0 0;padding:13px 15px;border-radius:14px;background:#f1eefb;font-size:13.5px;line-height:1.5;color:#3e3b4e}

/* Step 5 calendar import: chosen file,options and the rows to review. */
.configuration-ics-drop.is-dragging{border-color:var(--booking-accent);background:#f3f0ff}
.configuration-ics-file{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;padding:14px 16px;border:1px solid #eeecf4;border-radius:14px;background:#fcfbfe}
.configuration-ics-file>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e6f4ec;color:#2f8f5b;flex-shrink:0}
.configuration-ics-file>div{flex:1;min-width:180px}
.configuration-ics-file strong{display:block;font-size:14.5px;color:var(--ink);overflow-wrap:anywhere}
.configuration-ics-file small{display:block;margin-top:2px;font-size:12.5px;color:#5e5b70}
#modal.onboarding-dialog .configuration-ics-file .btn{height:40px;min-height:0;padding:0 14px;border-radius:12px;font-size:13px;font-weight:600}
.configuration-ics-options{margin-top:14px;border:1px solid #eeecf4;border-radius:14px;overflow:hidden}
.configuration-ics-options>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding:12px 16px;background:var(--surface)}
.configuration-ics-options>div+div{border-top:1px solid #eeecf4}
.configuration-ics-options strong{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.configuration-ics-options small{display:block;margin-top:2px;font-size:12.5px;color:var(--booking-muted)}
#modal.onboarding-dialog .configuration-ics-options .configuration-select-button{width:auto;min-width:200px;height:40px;border-radius:10px;font-size:14px}
.configuration-ics-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:16px;font-size:13px;font-weight:600;color:#3e3b4e}
.configuration-ics-rows{display:grid;gap:8px;margin-top:10px}
.configuration-ics-row{display:grid;grid-template-columns:auto minmax(130px,1fr) minmax(130px,1fr) minmax(150px,1.1fr) 64px;align-items:center;gap:10px;padding:8px 12px;border:1px solid #eeecf4;border-radius:12px;background:var(--surface)}
.configuration-ics-row.needs-check{border-color:#e7b250;background:#fffaf0}
.configuration-ics-row.is-excluded{opacity:.55;border-style:dashed}
.configuration-ics-when{min-width:0}
.configuration-ics-when strong{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}
.configuration-ics-when strong::first-letter{text-transform:uppercase}
.configuration-ics-when small{display:block;font-size:12px;color:var(--booking-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#modal.onboarding-dialog .configuration-ics-row .configuration-ics-client{width:100%;min-width:0;height:38px;min-height:0;margin:0;padding:0 10px;border-radius:10px;border:1px solid #e0ddea;background:var(--surface);font-size:13.5px}
#modal.onboarding-dialog .configuration-ics-row .configuration-ics-client.is-empty{border-color:#e7b250}
#modal.onboarding-dialog .configuration-ics-row .configuration-select-button{height:38px;padding:0 10px;border-radius:10px;font-size:13.5px}
#modal.onboarding-dialog .configuration-ics-row .configuration-select-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.configuration-ics-duration{font-size:12.5px;color:var(--booking-muted);text-align:right;white-space:nowrap}
@media(max-width:760px){.configuration-ics-row{grid-template-columns:auto minmax(0,1fr)}.configuration-ics-row>:not(label){grid-column:2}.configuration-ics-duration{text-align:left}}

/* No dark band while pinch-zooming: the page behind the full-screen setup stays as light as the setup. */
#modal.onboarding-dialog::backdrop{background:#f7f6fb;backdrop-filter:none}
#modal.onboarding-dialog.booking-dialog .configuration-head-status::before{animation:bookingRecapPulse 2.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){#modal.onboarding-dialog.booking-dialog .configuration-head-status::before{animation:none}}

/* Personal shifts: dropdown times and a tidy pause row. */
.configuration-shift-field{display:grid;gap:3px}
.configuration-shift-field>small{font-size:10.5px;font-weight:500;color:var(--booking-muted)}
#modal.onboarding-dialog .configuration-shift-row .configuration-time-button{width:96px;height:34px;padding:0 8px 0 10px;font-size:13px}
#modal.onboarding-dialog .configuration-time-button.is-placeholder{color:#696674}
.configuration-shift-pause-editor{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.configuration-shift-pause-actions{display:flex;align-items:center;gap:6px;height:34px}
#modal.onboarding-dialog .configuration-shift-pause-done{height:34px;min-height:0;padding:0 14px;border:0;border-radius:10px;background:#efebfd;color:#5b3fd6;font-size:13px;font-weight:600;cursor:pointer}
#modal.onboarding-dialog .configuration-shift-pause-done:hover{background:#e4defc}
#modal.onboarding-dialog .configuration-shift-pause-remove{display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;border:1px solid #e7e5ef;border-radius:10px;background:var(--surface);color:var(--booking-muted);cursor:pointer}
#modal.onboarding-dialog .configuration-shift-pause-remove:hover{color:#b42318;border-color:#f3c5c0}
/* Shift rows sit on white inside the lilac-tinted member card (the shared --soft tint read as green). */
.configuration-shift-row{background:var(--surface);border-color:#ebe8f4}
.configuration-shift-row.is-off{background:#faf9fd}

/* Shift rows: same layout as before,slightly tighter. */
.configuration-team-page .configuration-shift-row{padding:8px 12px}
.configuration-team-page .configuration-shift-day{font-size:13px;font-weight:600}
.configuration-team-page .configuration-shift-times{gap:6px}
.configuration-team-page .configuration-shift-field{gap:2px}
.configuration-team-page .configuration-shift-field>small{font-size:10px}
#modal.onboarding-dialog .configuration-team-page .configuration-shift-row .configuration-time-button{width:88px;height:30px;font-size:12.5px}
.configuration-team-page .configuration-shift-footer{margin-top:2px}
#modal.onboarding-dialog .configuration-team-page .configuration-shift-pause-add{min-height:0;padding:2px 0;font-size:12px;text-decoration:none}
#modal.onboarding-dialog .configuration-team-page .configuration-shift-pause-add:hover{text-decoration:underline}
.configuration-team-page .configuration-shift-pause-editor{gap:6px;margin-top:4px}
.configuration-team-page .configuration-shift-pause-actions{height:30px}
#modal.onboarding-dialog .configuration-team-page .configuration-shift-pause-done{height:30px;padding:0 12px;font-size:12.5px}
#modal.onboarding-dialog .configuration-team-page .configuration-shift-pause-remove{width:30px;height:30px}
/* Weekly shifts span the whole member card,and rest days keep a comfortable height. */
.configuration-team-page .configuration-shifts{margin-left:0}
.configuration-team-page .configuration-shift-row.is-off{display:flex;flex-direction:column;justify-content:center;min-height:56px}
/* Shift time menus: original width,slightly taller. */
#modal.onboarding-dialog .configuration-team-page .configuration-shift-row .configuration-time-button{height:36px;font-size:13px}
#modal.onboarding-dialog .configuration-team-page .configuration-shift-pause-done{height:36px}
#modal.onboarding-dialog .configuration-team-page .configuration-shift-pause-remove{width:36px;height:36px}
.configuration-team-page .configuration-shift-pause-actions{height:36px}

/* Day switch: the knob slides,then the times of that day fade in or out. */
#modal.onboarding-dialog .configuration-switch{transition:background .18s ease}
.configuration-switch span{transition:transform .18s cubic-bezier(.3,.7,.4,1)}
.configuration-day-row.is-toggled .configuration-day-times,.configuration-day-row.is-toggled .configuration-day-closed{animation:configuration-day-in .2s ease-out}
@keyframes configuration-day-in{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#modal.onboarding-dialog .configuration-switch,.configuration-switch span{transition:none}.configuration-day-row.is-toggled .configuration-day-times,.configuration-day-row.is-toggled .configuration-day-closed{animation:none}}

/* Long names (a custom category, an operator) are cut with an ellipsis instead of spilling out of the field. */
#modal.onboarding-dialog .configuration-field{min-width:0}
#modal.onboarding-dialog .configuration-select-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.configuration-time-menu{max-width:min(340px,calc(100vw - 32px))}
#modal .configuration-time-menu button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.configuration-service-item small{overflow-wrap:anywhere}
/* Medium screens: the five columns no longer fit,so the name takes its own row. */
@media(min-width:901px) and (max-width:1280px){.configuration-service-add{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr) auto}.configuration-service-add>label:first-child{grid-column:1/-1}}