@import url('./performer-portal.css');
/* SleighBook UX rebuild: shared, route-safe presentation for every template. */
:root{--ux-space:clamp(18px,3vw,32px);--ux-panel:#fffefa;--ux-soft:#f3f6ef;--ux-text:#23342d;--ux-subtle:#607067;--ux-border:#dbe2d8}
body{color:var(--ux-text);background:linear-gradient(180deg,#fcfaf4 0,#f6f7f2 100%)}main{min-height:calc(100vh - 260px)}.page-intro{padding-block:clamp(42px,7vw,82px) clamp(26px,4vw,48px)}.page-intro .lead{font-size:clamp(16px,1.8vw,19px);line-height:1.7}.section-tight{padding-bottom:clamp(54px,8vw,96px)}
.card,.table-panel,.form-card,.search-panel,.signin-card,.join-card{box-shadow:0 10px 28px #173f360b;border-color:var(--ux-border)}.card{padding:var(--ux-space)}.card h2{margin-bottom:10px}.card h3{font-size:1.35rem;margin-bottom:9px}.card p{line-height:1.7}.card :is(ul,ol){line-height:1.7}.card :is(li+li){margin-top:8px}form.card,form.form-card,.search-panel{background:var(--ux-panel)}
input:not([type=checkbox]),select,textarea{border-color:#9ba99d;background:#fff;box-shadow:inset 0 1px 1px #15231c08}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--pine);outline:3px solid #c7ddd3;outline-offset:1px}.button-row{gap:12px}.button{gap:12px}.button-outline{background:#fffefa}.button-outline:hover{background:#f9edf0}.fine-print{max-width:76ch}.alert{box-shadow:0 3px 12px #173f3608}details.card{padding-block:20px}details.card summary{font-weight:700;color:var(--pine)}
.site-header{position:relative;z-index:10}.header-inner nav>a{font-size:13px}.header-inner nav>.button{margin-left:4px}
.customer-booking-page{max-width:920px}.customer-booking-page>.card{border-radius:16px}.customer-booking-page>.card:first-of-type{border-top:4px solid var(--pine)}.customer-booking-page .badge{font-size:11px}.customer-booking-page .fine-print{background:var(--ux-soft);border-left:3px solid #adc4b6;padding:10px 12px}.customer-booking-page :is(form,fieldset){margin-top:18px}.customer-booking-page .button{margin-top:4px}
.progressive-details>summary{min-height:42px;display:flex;align-items:center;cursor:pointer;font:600 1.15rem/1.35 var(--serif);color:var(--pine);list-style:none}.progressive-details>summary::-webkit-details-marker{display:none}.progressive-details>summary::after{content:'+';margin-left:auto;font:400 1.6rem/1 var(--sans);color:var(--wine)}.progressive-details[open]>summary{margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid var(--ux-border)}.progressive-details[open]>summary::after{content:'−'}
.calendar-actions{margin:22px 0}.calendar-actions-primary,.calendar-more-options-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.calendar-more-options{margin-top:10px}.calendar-more-options>summary{display:inline-flex;list-style:none}.calendar-more-options>summary::-webkit-details-marker{display:none}.calendar-more-options>summary::after{content:'⌄';margin-left:8px;font-size:16px;line-height:1}.calendar-more-options[open]>summary::after{content:'⌃'}.calendar-more-options-row{padding:10px;background:#fffefa;border:1px solid var(--ux-border);border-radius:10px}
.business-app{background:#f4f7f5}.business-app .portal-topbar{box-shadow:0 1px 0 #153e3210}.business-app .card,.business-app .table-panel{box-shadow:0 6px 20px #173f3608}.business-app .table-panel{overflow:hidden}.business-app .panel-heading{background:#fff;border-bottom-color:var(--ux-border)}.business-app th{letter-spacing:.02em}.business-app td{vertical-align:top}.business-app .button-row>.button:first-child{box-shadow:0 4px 12px #7b203128}.business-app .feature-grid>.card{margin-bottom:0}.business-app .feature-grid>.card h3{font-size:1.25rem}.business-app form.card{max-width:1040px}.business-app .field-hint{max-width:68ch}.business-app .dashboard-intro{font-size:15px;line-height:1.65}
.booking-intro{background:linear-gradient(135deg,#eef5ef,#fffefa);border-left:4px solid var(--pine)}.booking-intro h2{font-family:var(--sans);font-weight:700}.booking-estimate{background:#f6f8f3;border:1px solid var(--ux-border);border-radius:12px;padding:20px 22px;margin:24px 0}.booking-estimate h2{font-size:1.25rem}.booking-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.return-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.return-links a{color:var(--wine);font-weight:600}.progressive-details{padding:0}.progressive-details>*:not(summary){max-width:100%}
@media(max-width:800px){.container{width:calc(100% - 32px)}.card{padding:22px}.header-inner nav.is-open{box-shadow:0 15px 30px #173f3614}.business-app .portal-dashboard,.business-app main>section.container{padding:24px 16px}.business-app .feature-grid{gap:14px}.business-app .table-scroll{border-radius:10px}.booking-actions>.button,.return-links>a{width:100%;justify-content:center}.return-links{gap:10px}}
@media(max-width:560px){h1{font-size:2.65rem}.page-intro h1{font-size:2.6rem}.card{border-radius:14px}.customer-booking-page>.card{padding:22px 18px}.customer-booking-page .button{width:100%;justify-content:center}.business-app .card{padding:20px 16px}.business-app .button-row>.button{width:100%}}
.calendar-actions{display:flex;align-items:flex-start;gap:10px}.calendar-actions>.calendar-filters{margin:0}.calendar-actions>.calendar-filters[open]{flex-basis:100%;order:3}.calendar-actions>.calendar-filters form{min-width:min(100%,680px)}.calendar-more-options{margin-left:auto}@media(max-width:650px){.calendar-actions{align-items:stretch}.calendar-actions-primary{flex:1}.calendar-more-options{margin-left:0}}
.calendar-more-options{position:relative}.calendar-more-options .calendar-more-options-row{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:10;min-width:220px;grid-template-columns:1fr;box-shadow:0 12px 28px #173f3620}.calendar-more-options:hover .calendar-more-options-row,.calendar-more-options:focus-within .calendar-more-options-row,.calendar-more-options[open] .calendar-more-options-row{display:grid}.calendar-more-options-row .button{justify-content:flex-start}.calendar-more-options[open]>summary::after{content:'⌄'}@media(max-width:650px){.calendar-more-options .calendar-more-options-row{left:0;right:auto;min-width:min(260px,calc(100vw - 48px))}}
.calendar-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.calendar-page-heading .eyebrow{margin-bottom:5px}.calendar-add-button{display:grid;place-items:center;gap:0;background:#17624f;color:#fff;border:0;border-radius:14px;min-width:88px;min-height:76px;padding:9px 14px;box-shadow:0 8px 20px #17624f2b}.calendar-add-button:hover{background:#104c3d}.calendar-add-button span{font-size:38px;line-height:.9;font-weight:300}.calendar-add-button small{font-size:11px;font-weight:700}.calendar-booking-dialog{width:min(1180px,calc(100% - 32px));height:min(92vh,980px);max-width:none;padding:20px;background:#f5f7f5}.calendar-booking-dialog::backdrop{background:#102a2477}.calendar-booking-dialog-close{display:flex;justify-content:flex-end;margin:0}.calendar-booking-dialog-close .button{min-height:38px;padding:7px 12px}.calendar-booking-dialog h2{margin:0 0 12px}.calendar-booking-dialog iframe{width:100%;height:calc(100% - 78px);border:1px solid var(--ux-border);border-radius:10px;background:#fff}@media(max-width:650px){.calendar-page-heading{align-items:center}.calendar-add-button{min-width:64px;min-height:64px}.calendar-add-button small{display:none}.calendar-booking-dialog{width:calc(100% - 16px);height:96vh;padding:12px}.calendar-booking-dialog iframe{height:calc(100% - 70px)}}
.booking-create-page{max-width:980px}.booking-step-intro{max-width:68ch;color:var(--ux-subtle);margin-bottom:24px}.booking-create-form{padding:0}.booking-form-section{padding:24px var(--ux-space);border-bottom:1px solid var(--ux-border)}.booking-form-section:last-of-type{border-bottom:0}.booking-form-section h2{font-family:var(--sans);font-size:18px;font-weight:700;margin-bottom:18px}.booking-create-form .booking-form-grid{margin:0}.booking-pricing-options{margin:22px var(--ux-space);border:1px solid var(--ux-border);border-radius:12px;padding:0 18px}.booking-pricing-options>summary{cursor:pointer;list-style:none;padding:16px 0;font-size:15px;font-weight:700;color:var(--pine)}.booking-pricing-options>summary::-webkit-details-marker{display:none}.booking-pricing-options>summary::after{content:'+';float:right;font-size:21px;font-weight:400}.booking-pricing-options[open]>summary::after{content:'−'}.booking-pricing-options[open]>summary{border-bottom:1px solid var(--ux-border);margin-bottom:18px}.booking-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 var(--ux-space) var(--ux-space)}.booking-secondary-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;padding:0 var(--ux-space) var(--ux-space)}.booking-secondary-links .text-link{font-size:13px}.booking-create-form .booking-estimate{margin:0 var(--ux-space) 22px}.booking-create-page .return-links{font-size:14px}@media(max-width:650px){.booking-form-section{padding:20px}.booking-pricing-options{margin:18px 20px}.booking-form-actions,.booking-secondary-links{padding-inline:20px}.booking-form-actions .button{width:100%}.booking-secondary-links{align-items:flex-start;flex-direction:column;gap:2px}.booking-secondary-links .text-link{min-height:34px}}
.booking-options-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 var(--ux-space) 10px}.booking-options-summary span{background:#fbefd3;color:#65440b;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}
.inline-customer-trigger{display:inline-flex!important;width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;font-size:13px;white-space:nowrap}.field-label-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;column-gap:12px}.field-label-row label{margin:0}.booking-sms-consent{padding-top:2px}.booking-sms-consent .checkbox-row{display:inline-flex;align-items:center;gap:7px}.booking-sms-consent .checkbox-row input[type=checkbox]{flex:0 0 auto;margin:0}.booking-sms-consent .checkbox-row label{display:inline;margin:0}.field-label{display:block;font-weight:700;margin-bottom:6px}.inline-customer-dialog{width:min(640px,calc(100% - 32px));border:1px solid var(--ux-border);border-radius:14px;padding:24px;background:#fffefa;box-shadow:0 20px 60px #173f3638}.inline-customer-dialog::backdrop{background:#102a2477}.inline-customer-dialog .dialog-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.inline-customer-dialog h2{margin:0}.inline-customer-dialog .booking-form-actions{padding:8px 0 0}.inline-customer-dialog .form-error{min-height:1.2em;margin:5px 0 0;color:#9f2434;font-size:13px}@media(max-width:650px){.inline-customer-dialog{width:calc(100% - 20px);padding:20px}.inline-customer-dialog .booking-form-actions{padding-inline:0}.field-label-row{grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;column-gap:10px}.inline-customer-trigger{font-size:12px}}
