/* Approved client Studio. Existing authenticated controls retain their behaviour. */
body.studio-client{--ink:#26242d;--paper:#f8f8fa;--muted:#686574;--line:#e8e6ed;--pink:#f4e5ed;--serif:"Segoe UI",Arial,sans-serif;--sans:"Segoe UI",Arial,sans-serif;font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:14px}
.studio-client *{box-sizing:border-box}.studio-client h1,.studio-client h2,.studio-client h3{font-family:var(--sans);font-weight:650;letter-spacing:-.5px}.studio-client h1{font-size:32px;line-height:1.2}.studio-client h2{font-size:19px;line-height:1.4}.studio-client h3{font-size:15px}.studio-client p{color:var(--muted);line-height:1.65}.studio-client .help{font-size:12px;color:var(--muted)}.studio-client input,.studio-client textarea,.studio-client select{font-family:var(--sans);font-size:16px;border-color:#dcd8e2;background:white}.studio-client button,.studio-client .button{font-family:var(--sans);min-height:42px;font-size:13px;border-radius:8px;padding:10px 15px;border-color:var(--line)}.studio-client .primary{background:var(--ink);color:#fff;border-color:var(--ink)}.studio-icon{flex-shrink:0;vertical-align:middle}.studio-client .eyebrow{font-size:10px;letter-spacing:1.3px;color:#927087}.studio-client .badge{font-size:11px;border-radius:6px;padding:4px 9px}
.studio-layout{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100dvh}.studio-sidebar{padding:29px 18px 20px;background:#fff;border-right:1px solid var(--line);height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;overflow:auto}.studio-brand{display:flex;align-items:center;gap:10px;padding:0 12px 28px;text-decoration:none}.studio-brand>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.studio-business{display:flex;gap:10px;align-items:center;background:#fbfafc;border:1px solid var(--line);border-radius:9px;padding:12px 10px}.studio-business strong{font-size:12px;display:block;overflow-wrap:anywhere}.studio-business small{font-size:11px;display:block;color:var(--muted);margin-top:3px}.studio-business-mark{width:32px;height:32px;background:#efe5eb;border-radius:7px;display:grid;place-content:center;color:#91617a;flex-shrink:0}.studio-client .studio-picker{font-size:11px;margin:12px 0}.studio-client .studio-picker select{font-size:12px;padding:9px}.studio-nav-caption{font-size:9px;letter-spacing:1.5px;font-weight:650;padding:0 12px;margin:26px 0 9px!important;color:#928c99!important}.studio-client .studio-nav{display:grid;gap:5px;border:0;padding:0;background:transparent;overflow:visible;white-space:normal}.studio-client .studio-nav>button,.studio-client .studio-nav>a{width:100%;display:flex;gap:12px;align-items:center;justify-content:flex-start;min-height:44px;padding:12px 13px;text-decoration:none;border:0;border-radius:8px;font-size:13px;color:#696271;background:transparent;text-align:left}.studio-client .studio-nav [aria-current=page]{background:var(--pink);color:#694259;font-weight:600}.studio-client .studio-nav>button:hover,.studio-client .studio-nav>a:hover{background:#f7eff3}.studio-client .studio-nav span{color:inherit;font:inherit;margin:0}.studio-sidebar-bottom{margin-top:auto;padding-top:40px}.studio-help{padding:16px;background:#f8f6f9;border-radius:10px;font-size:12px}.studio-help p{font-size:11px;margin:6px 0 14px}.studio-help a{font-size:11px;font-weight:600;text-decoration:none}.studio-help .studio-icon{width:15px;height:15px}.studio-user{display:flex;gap:11px;padding:20px 8px 0;margin-top:22px;border-top:1px solid var(--line)}.studio-user img{border-radius:8px;object-fit:contain;align-self:center}.studio-user strong,.studio-user small{display:block;font-size:12px}.studio-user small{font-size:10px;color:var(--muted)}.studio-content{min-width:0}.studio-topbar{height:78px;background:#ffffffb0;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:14px}.studio-breadcrumb{display:flex;gap:15px;align-items:center;font-size:12px;color:#8b8491}.studio-breadcrumb strong{font-weight:500;color:var(--ink)}.studio-top-actions{display:flex;gap:10px}.studio-client .studio-top-actions>*{font-size:11px;min-height:37px}.studio-mobile-brand,.studio-bottom-nav{display:none}.studio-client .workspace{max-width:1320px;width:100%;padding:35px 36px 50px;margin:0 auto}.studio-client .workspace>.intro{align-items:center;margin-bottom:26px}.studio-client .workspace>.intro h1{font-size:32px;margin:10px 0}.studio-client .workspace>.intro p{font-size:13px}.studio-client .panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:21px;box-shadow:0 8px 32px #28233304}.studio-client .panel h2{margin:3px 0 10px}.studio-client .panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.studio-client .account-grid{gap:22px}.studio-client .account-form label{font-size:13px}.studio-client .empty.setup{max-width:760px;margin:40px auto}.studio-client .business-grid{margin-top:26px}.studio-client .business-grid .panel{padding:22px}.studio-client .business-grid h2{font-size:19px}.studio-client .business-grid p{font-size:13px}
.studio-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.studio-page-heading h1{margin:9px 0 11px}.studio-page-heading p{font-size:13px;margin:0}.studio-page-heading>.button{font-size:12px;white-space:nowrap}.studio-page-heading .studio-icon{width:16px;height:16px}.studio-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:25px}.studio-stats>.panel{margin:0;padding:21px;text-decoration:none}.studio-stats span{color:var(--muted);font-size:12px}.studio-stats strong{display:block;font-size:27px;font-weight:600;letter-spacing:-.75px;margin:8px 0}.studio-stats small{font-size:11px;color:var(--muted)}.studio-overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:24px}.studio-agenda .panel-head{margin-bottom:17px}.studio-agenda .panel-head a{font-size:12px;text-decoration:none}.studio-appointment{display:flex;align-items:flex-start;gap:20px;padding:22px 0;border-top:1px solid var(--line);text-decoration:none}.studio-appointment time{font-size:11px;color:var(--muted);min-width:45px}.studio-appointment time strong{display:block;font-size:12px;color:var(--ink);margin-top:5px}.studio-appointment>div{flex:1;border-left:3px solid #dac2d0;padding-left:15px}.studio-appointment>div>strong{font-size:14px}.studio-appointment p{font-size:12px;margin:4px 0 9px}.studio-appointment>strong{font-size:12px}.studio-empty{text-align:center;padding:38px 15px}.studio-empty>.studio-icon{width:30px;height:30px;color:#ae94a4}.studio-empty h3{margin:15px 0 8px}.studio-empty p{font-size:13px}.studio-empty a{font-size:12px}.studio-request-nudge{display:flex;gap:14px;padding:22px;border:1px solid #f0dfe7;border-radius:12px;background:#f9edf3;margin-bottom:21px}.studio-request-nudge>.studio-icon{color:#986580}.studio-request-nudge h3{font-size:14px;margin:0 0 7px}.studio-request-nudge p{font-size:12px;margin:0 0 10px}.studio-request-nudge a{font-size:12px;font-weight:600;text-decoration:none}.studio-quick{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:12px}.studio-quick:last-child{border:0}.studio-quick .studio-icon{width:18px;color:#93778b}.studio-quick span{margin-left:auto}.studio-premium-callout{background:#faf0f5!important}.studio-premium-callout p,.studio-premium-callout a{font-size:12px}
.studio-client .editor-note{font-size:13px;margin-bottom:19px}.studio-client .setup-checklist{padding:15px 20px}.studio-client .setup-checklist summary{font-size:12px}.studio-client .editor-grid{grid-template-columns:minmax(0,1.3fr) minmax(285px,.8fr);gap:27px}.studio-client .editor-grid .preview{top:22px}.studio-client .preview h2{font-size:16px;margin-top:5px}.studio-client .preview iframe{max-width:390px;display:block;margin:0 auto;border:7px solid #302c35;border-radius:26px;box-shadow:0 12px 40px #23152d0d;height:660px;background:white}.studio-client .preview-switch{justify-content:center}.studio-client .preview-switch button{font-size:11px;padding:8px 12px;min-height:36px}.studio-client .studio-editor-tabs{display:flex;gap:5px;padding:5px;background:#edeaf0;border-radius:9px;margin-bottom:20px;overflow-x:auto}.studio-client .studio-editor-tabs a{background:transparent;border:0;border-radius:6px;font-size:12px;padding:9px 14px;min-height:39px;flex:1;text-align:center;white-space:nowrap;text-decoration:none}.studio-client .studio-editor-tabs a[aria-current=true]{background:#fff;font-weight:600;box-shadow:0 2px 5px #25202e08}.studio-client .editor-section summary{font-family:var(--sans);font-size:18px;font-weight:600;margin-bottom:10px;list-style:none;cursor:default;pointer-events:none;border:0!important;padding:0!important}.studio-client .editor-section summary::-webkit-details-marker{display:none}.studio-client .editor-section summary span{font-size:12px;font-weight:400;margin:6px 0 18px}.studio-client .number{font-size:10px;color:#94738b}.studio-client .service-card h3{font-size:15px}.studio-client .service-card p{font-size:12px;line-height:1.6}.studio-client .price-button{background:#f6eaf1;border:1px solid #eddae5;color:#844b6a;min-width:73px}.studio-client .service-controls button{font-size:11px;min-height:36px;padding:7px 9px}.studio-client .service-controls{margin-top:13px}.studio-client .save-bar{bottom:14px;padding:16px;background:#fff;z-index:12;border-radius:11px;flex-wrap:wrap;box-shadow:0 -4px 26px #25183208}.studio-client .save-bar button,.studio-client .save-bar .button{font-size:12px;min-height:43px}.studio-client .save-bar .actions{gap:8px}.studio-client #save-state{font-size:12px}.studio-client .hours-row strong,.studio-client .hours-row label{font-size:13px}.studio-client .hours-row input{font-size:16px}.studio-client .media-grid{gap:14px}.studio-client .media-grid input{font-size:14px;min-height:42px}.studio-client .media-grid label{font-size:12px}.studio-client .logo-preview{max-width:100px;height:70px}.studio-client .billing-panel{padding:15px 20px}.studio-client .billing-panel summary{font-size:12px}.studio-client .billing-panel .actions{gap:8px}.studio-client .studio-plan{background:#fbf5f8}.studio-plan ul{list-style:none;padding:0;margin:22px 0}.studio-plan li{display:flex;gap:10px;align-items:center;font-size:13px;margin:11px 0}.studio-plan li .studio-icon{width:15px;color:#8a5772}.studio-future{display:flex;gap:12px;border:1px dashed #d9c9d4;border-radius:9px;padding:17px}.studio-future strong{font-size:13px}.studio-future p{font-size:12px;margin:6px 0 0}.studio-client #studio-support{scroll-margin-top:25px}.studio-client .request-message,.studio-client .request p{font-size:14px}.studio-client dialog{background:#fff;border-color:var(--line);border-radius:18px;max-width:540px;width:calc(100% - 30px);padding:26px;max-height:90dvh}.studio-client dialog::backdrop{background:#28213270;backdrop-filter:blur(3px)}.studio-client #service-dialog h2{font-family:var(--sans);font-size:23px}.studio-client #notice{bottom:25px;max-width:min(520px,calc(100% - 32px));font-size:13px}
.studio-client.booking-studio #notice:empty{display:none}.studio-client.booking-studio #notice:not(:empty){position:fixed;left:50%;transform:translateX(-50%);background:#302c35;color:white;padding:13px 20px;border-radius:9px;z-index:100}.studio-client .booking-workspace>h1{margin:10px 0 12px}.studio-client .booking-workspace>.banner{font-size:12px;border:1px solid #e7d7e1;background:#f7edf2;padding:12px 16px;border-radius:9px;margin:23px 0}.studio-client .booking-workspace .tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;overflow:auto;margin:23px 0;white-space:nowrap}.studio-client .booking-workspace .tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:12px 0;font-size:12px}.studio-client .booking-workspace .tabs button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}.studio-client .request-head h2{font-size:18px}.studio-client .request-head p{font-size:13px}.studio-client .request dl{font-size:13px;grid-template-columns:140px 1fr;gap:12px}.studio-client .request summary{font-size:12px}.studio-client .calendar-panel h2{font-size:22px}.studio-client .calendar-panel p{font-size:13px}.studio-client .month-bar h3{font-family:var(--sans);font-size:20px}.studio-client .calendar-day{border-radius:8px;font-size:15px}.studio-client .calendar-day[aria-pressed=true]{background:#f4e4ed;color:#663c56;border-color:#af7c99}.studio-client #calendar-editor{border:1px solid var(--line);background:#fcf9fb;border-radius:10px;padding:20px;margin-top:22px}.studio-client .booking-workspace .grid{gap:18px}.studio-client .booking-workspace .save{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px}.studio-client .staff-card{border-color:var(--line);border-radius:12px;background:#fcfbfd}.studio-client .booking-workspace label{font-size:13px}.studio-client .booking-workspace label small{font-size:11px}.studio-client .booking-workspace details{margin-top:16px}
@media(max-width:1100px){.studio-layout{grid-template-columns:200px minmax(0,1fr)}.studio-sidebar{padding-left:12px;padding-right:12px}.studio-client .workspace{padding:28px 25px 45px}.studio-topbar{padding:0 25px}.studio-client .editor-grid{grid-template-columns:1fr}.studio-client .preview{position:static}.studio-overview-grid{gap:18px;grid-template-columns:minmax(0,1fr) 270px}.studio-client .studio-editor-tabs a{padding:9px 11px}.studio-brand{padding-left:8px;gap:5px}.studio-brand>span{font-size:8px}.studio-brand img{width:117px}}
@media(max-width:900px){.studio-layout{grid-template-columns:184px minmax(0,1fr)}.studio-sidebar{padding-left:10px;padding-right:10px}.studio-overview-grid{grid-template-columns:1fr}.studio-stats{gap:10px}.studio-stats>.panel{padding:17px}.studio-stats span{font-size:11px}.studio-stats strong{font-size:24px}.studio-client .account-grid{grid-template-columns:1fr}.studio-client .business-grid{grid-template-columns:1fr}.studio-client .studio-business strong{font-size:11px}.studio-client .studio-business small{font-size:10px}}
@media(max-width:700px){.studio-layout{display:block}.studio-sidebar{display:none}.studio-topbar{height:66px;padding:0 18px;background:#fff}.studio-breadcrumb{display:none}.studio-mobile-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.studio-mobile-brand span{font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding-left:9px}.studio-top-actions{gap:6px}.studio-client .studio-top-actions>*{font-size:10px;min-height:36px;padding:8px 10px}.studio-client .workspace{padding:27px 19px 130px}.studio-client h1,.studio-client .workspace>.intro h1{font-size:28px;line-height:1.2}.studio-client .workspace>.intro{display:block}.studio-client .workspace>.intro>div:last-child:not(:first-child){display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.studio-client .workspace>.intro button,.studio-client .workspace>.intro .button{font-size:11px;min-height:39px}.studio-client .panel{padding:21px 17px}.studio-page-heading{align-items:flex-start;gap:10px}.studio-page-heading h1{font-size:28px}.studio-page-heading p{font-size:12px}.studio-page-heading>.button{font-size:10px;padding:9px;min-height:38px;margin-top:22px;max-width:110px;white-space:normal}.studio-page-heading>.button .studio-icon{display:none}.studio-stats{gap:8px}.studio-stats>.panel{padding:14px 10px;border-radius:11px}.studio-stats strong{font-size:21px;overflow-wrap:anywhere}.studio-stats span{font-size:10px}.studio-stats small{font-size:10px}.studio-overview-grid{gap:0}.studio-appointment{gap:12px}.studio-appointment>div{padding-left:12px}.studio-appointment p{font-size:12px}.studio-appointment>strong{font-size:11px}.studio-appointment time{font-size:10px;min-width:37px}.studio-agenda .panel-head h2{font-size:17px}.studio-agenda .panel-head a{font-size:11px}.studio-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 8px max(9px,env(safe-area-inset-bottom));z-index:50}.studio-client .studio-bottom-nav a,.studio-client .studio-bottom-nav button{min-height:48px;padding:7px 3px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:transparent;color:#827687;font-size:10px;text-decoration:none}.studio-client .studio-bottom-nav [aria-current=page]{background:#f7edf3;color:#80506e}.studio-client .studio-bottom-nav .studio-icon{width:20px;height:20px}.studio-client .studio-editor-tabs{gap:3px;padding:4px}.studio-client .studio-editor-tabs a{font-size:11px;padding:10px 11px;flex:0 0 auto}.studio-client .editor-section summary{font-size:18px}.studio-client .save-bar{bottom:77px;position:sticky;padding:12px;gap:9px}.studio-client .save-bar>.actions{display:flex;flex-wrap:wrap;width:100%;gap:7px}.studio-client .save-bar button,.studio-client .save-bar .button{font-size:11px;padding:10px;flex:1}.studio-client .save-bar .button{flex:0 0 auto}.studio-client .service-controls{display:flex;flex-wrap:wrap;gap:6px}.studio-client .service-controls>div{flex-wrap:wrap}.studio-client .service-controls button{font-size:11px;min-height:42px;padding:9px}.studio-client .service-main h3{font-size:15px}.studio-client .price-button{min-width:70px;font-size:13px}.studio-client .media-grid{gap:12px}.studio-client .media-grid input{font-size:16px}.studio-client .hours-row{gap:9px}.studio-client .hours-row input{min-height:44px;font-size:16px}.studio-client .hours-row label,.studio-client .hours-row strong{font-size:13px}.studio-client #notice{bottom:155px;right:16px;font-size:12px}.studio-client .preview iframe{height:650px}.studio-client .setup-checklist{padding:14px}.studio-client .setup-checklist summary{font-size:12px}.studio-client .billing-panel{padding:14px}.studio-client .billing-panel summary{font-size:12px}.studio-plan li{font-size:13px}.studio-client .booking-workspace .tabs{gap:20px}.studio-client .booking-workspace .tabs button{font-size:12px}.studio-client .request dl{grid-template-columns:1fr;gap:5px}.studio-client .request dd{margin:0 0 10px;font-size:14px}.studio-client .request dt{font-size:11px;color:var(--muted)}.studio-client .calendar-panel h2{font-size:22px}.studio-client .booking-workspace .save{bottom:82px}.studio-client #calendar-editor{padding:14px}.studio-client .booking-workspace>.banner{font-size:12px}.studio-client .booking-workspace .grid{grid-template-columns:1fr}.studio-client #calendar-editor .grid{grid-template-columns:1fr 1fr}.studio-client .booking-workspace label input,.studio-client .booking-workspace label select{font-size:16px}.studio-client .booking-workspace .hours{grid-template-columns:1fr 1fr}.studio-client .booking-workspace .hours>strong{grid-column:1/-1}.studio-client .booking-workspace .hours>.check{grid-column:1/-1}.studio-client .account-grid .panel{padding:22px 18px}}
@media(max-width:370px){.studio-client .workspace{padding-left:14px;padding-right:14px}.studio-mobile-brand span{display:none}.studio-topbar{padding:0 14px}.studio-stats{gap:6px}.studio-stats>.panel{padding:13px 8px}.studio-stats strong{font-size:20px}.studio-client .calendar-day{padding:5px 1px}.studio-client .calendar-day small{font-size:8px}.studio-client #calendar-editor .grid{gap:8px}.studio-client .save-bar button{font-size:10px;padding:9px 6px}}
.studio-client .studio-preview-stage{width:100%;position:relative;overflow:hidden;margin:0 auto}.studio-client .studio-preview-stage iframe{transform-origin:top left;position:absolute;top:0;left:0;margin:0}.studio-client .studio-preview-stage iframe[data-device=desktop]{border-radius:10px;border-width:5px}.studio-client .preview-switch [aria-pressed=true]{background:#f4e5ed;color:#694259;border-color:#d8bbce}.studio-client .request p{white-space:pre-wrap}.studio-client .studio-plan li:last-child{color:var(--muted)}
.account-section-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.studio-client .account-section-nav button{background:transparent}.studio-client .account-section-nav [aria-current=page]{background:#f4e5ed;border-color:#eadbe3;color:#694259}
@media(prefers-reduced-motion:reduce){.studio-client *{scroll-behavior:auto!important;transition:none!important}}