/* Mobile-first workspace: comfortable touch targets and account-scoped color. */
.workspace-v4 .profile-readiness,.workspace-v4 .mobile-readiness{background:#fff;border:1px solid #e0e5e4;border-radius:20px;padding:0;overflow:hidden;margin-top:24px}
.readiness-card{padding:22px;color:#23352b}.readiness-heading{display:flex;align-items:flex-start;gap:12px}.readiness-symbol{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--panel-soft)}.readiness-symbol .icon{width:20px;height:20px}.readiness-card .readiness-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:1.1px;color:#617166;line-height:1.5}.readiness-card .readiness-heading h3{font:700 17px/1.4 Manrope,sans-serif;letter-spacing:-.35px;margin:7px 0 0}.readiness-progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 9px;font-size:12px;color:#53645a}.readiness-progress-label strong{font-size:12px;color:#23352b}.readiness-meter{height:7px;background:#edf0ef;border-radius:20px;overflow:hidden}.readiness-meter i{display:block;height:100%;background:var(--panel-accent);border-radius:20px;transition:width .2s}
.readiness-next{margin-top:23px;background:var(--panel-soft);border:1px solid #23352b0a;border-radius:14px;padding:17px}.readiness-next>strong{display:block;font-size:15px;line-height:1.4;margin-top:8px}.workspace-v4 .readiness-next>p,.workspace-v4 .readiness-ready{font-size:12px;line-height:1.65;color:#53645a;margin:9px 0 16px}.workspace-v4 .readiness-next>button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:700;text-align:left;line-height:1.4;background:var(--panel-accent);color:var(--panel-on-accent)}.readiness-next>button .icon{width:17px;height:17px;flex-shrink:0}
.readiness-checklist{margin-top:20px;border-top:1px solid #e7ece9}.readiness-checklist>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;list-style:none;padding:12px 0;color:#42574a}.readiness-checklist>summary:after{content:none}.readiness-checklist>summary::-webkit-details-marker{display:none}.readiness-checklist>summary>span{font-size:20px;transition:transform .2s}.readiness-checklist[open]>summary>span{transform:rotate(180deg)}.readiness-checklist ul{list-style:none;margin:0;padding:0}.readiness-checklist li{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #edf0ee}.readiness-check{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:12px;background:#f1f3f2;color:#66736b}.is-complete .readiness-check{background:#eaf4ed;color:#296b42}.readiness-checklist li>span:nth-child(2){flex:1;min-width:0}.readiness-checklist strong{display:block;font-size:12px;font-weight:700;line-height:1.5}.readiness-checklist small{display:block;color:#66736b;font-size:11px;line-height:1.5;margin-top:3px}.workspace-v4 .readiness-checklist button.ghost{padding:10px;min-width:44px;min-height:44px;width:44px;justify-content:center;background:#fff;color:#42574a;border:1px solid #dfe7e1;border-radius:10px;flex-shrink:0}.workspace-v4 .readiness-card .readiness-footnote{font-size:11px;line-height:1.65;color:#66736b;border-top:1px solid #e7ece9;padding-top:16px;margin:0}
.workspace-v4 .notice{font-size:12px;line-height:1.75;padding:16px;border:1px solid #dfe7dd;color:#52634e;background:#f4f7f0}.workspace-v4 .help-note{font-size:12px;line-height:1.65;gap:10px}.workspace-v4 .field-help{font-size:11px;line-height:1.65;margin-top:8px}.workspace-v4 .profile-editor label{font-size:12px;line-height:1.5}.workspace-v4 .editor-save>div:first-child{font-size:12px;line-height:1.6;gap:8px}.workspace-v4 .effect-product-copy p{font-size:13px;line-height:1.65}.workspace-v4 .effects-filter button{background:white!important;color:#53645a!important;border:1px solid #dfe6e0;font-weight:600}.workspace-v4 .effects-filter button.active{background:var(--panel-soft)!important;color:#23352b!important;border-color:var(--panel-accent);font-weight:700}.workspace-v4 .effects-filter span{font-size:12px;line-height:1.5}.workspace-v4 .shop-intro p{font-size:13px;line-height:1.7}.workspace-v4 .setup-card small{font-size:12px;line-height:1.6}.workspace-v4 .menu-card small{line-height:1.65}
@media(max-width:800px){.readiness-card{padding:20px}.workspace-v4 .notice{font-size:13px}.workspace-v4 .field-help{font-size:12px}.workspace-v4 .profile-editor label{font-size:13px}.workspace-v4 .editor-save>div:first-child{max-width:none}.public-v4 .profile-v8 .public-service>button{max-width:none;width:100%;font-size:13px;min-height:46px}.public-v4 .profile-v8 .public-service-photo{width:64px;height:80px}.workspace-v4 .effects-filter{display:flex;flex-wrap:wrap;gap:9px}.workspace-v4 .effects-filter>span{flex-basis:100%;margin-top:4px}.workspace-v4 .effect-product-copy .btn{margin-top:10px}.workspace-v4 .editor-save-actions button{font-size:13px;line-height:1.4}.workspace-v4 .readiness-card .readiness-footnote{font-size:12px}}
.workspace-v4{background:#f7f8fa;--panel-accent:#d4f768;--panel-on-accent:#000;--panel-soft:#f5fce8;--panel-ring:#d4f768;--muted:#59665f}
.workspace-v4 button:not(.ghost):not(.cancel-btn):not(.media-remove):not([role=tab]),.workspace-v4 .btn:not(.ghost){background:var(--panel-accent);color:var(--panel-on-accent)}
.workspace-v4 .side-link.active,.workspace-v4 .mobile-dock a.active,.workspace-v4 .metric:first-child,.workspace-v4 .access-strip,.workspace-v4 .appearance-sample-nav{background:var(--panel-soft);color:#23352b;border-color:var(--panel-accent)}
.workspace-v4 .side-link.active{box-shadow:inset 3px 0 var(--panel-accent)}
.workspace-v4 .progress>i,.workspace-v4 .editor-tabs button.active span{background:var(--panel-accent);color:var(--panel-on-accent)}
.workspace-v4 input:focus-visible,.workspace-v4 select:focus-visible,.workspace-v4 textarea:focus-visible,.workspace-v4 button:focus-visible,.workspace-v4 a:focus-visible{outline:3px solid var(--panel-ring);outline-offset:3px}
.workspace-v4 .main,.workspace-v4 .app-content,.workspace-v4 .app-content>*{min-width:0}
.workspace-v4 .workspace-user strong{overflow-wrap:anywhere}.workspace-v4 .sidebar{overflow-y:auto}
.appearance-layout{display:grid;gap:20px}.appearance-picker h2{font-size:26px;letter-spacing:-1px;line-height:1.25;margin:14px 0}.appearance-picker p,.appearance-preview p{font-size:13px;line-height:1.65;color:var(--muted)}
.workspace-swatches{border:0;margin:25px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workspace-swatches legend{font-weight:700;margin-bottom:12px;font-size:13px}.workspace-swatches label{margin:0;position:relative;border:1px solid #dfe4e5;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 5px;cursor:pointer;background:#fff}.workspace-swatches label>span{width:32px;height:32px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0001}.workspace-swatches label>b{font-size:11px;font-weight:600}.workspace-swatches input{position:absolute;opacity:0;width:1px;height:1px}.workspace-swatches label:has(:checked){border:2px solid #23352b;padding:14px 4px;background:var(--panel-soft)}.workspace-swatches label:has(:checked):after{content:'';position:absolute;right:7px;top:4px;font-size:12px;color:#23352b}.workspace-swatches label:has(:focus-visible){outline:3px solid var(--panel-ring);outline-offset:3px}
.custom-workspace-color>div{display:flex;gap:10px}.custom-workspace-color input[type=color]{width:56px;height:48px;padding:5px;cursor:pointer}.custom-workspace-color input[type=text],#workspace-hex{min-width:0;flex:1;font-family:monospace;letter-spacing:1px}.custom-workspace-color small{display:block;margin-top:10px;font-size:11px;color:var(--muted)}#workspace-color-status{margin-top:24px;font-size:12px;min-height:36px}.appearance-actions{display:grid;gap:10px}.appearance-actions button{min-height:48px}.appearance-preview{align-self:start}.appearance-preview h3{font-size:20px;margin-top:20px}.appearance-sample-nav{display:flex;gap:10px;align-items:center;border-radius:12px;padding:15px;font-weight:700;font-size:13px}.appearance-sample-nav>span{margin-left:auto;font-size:11px}.appearance-sample-booking{display:flex;gap:15px;align-items:center;padding:24px 0}.appearance-sample-booking>span{font-weight:700}.appearance-sample-booking strong,.appearance-sample-booking small{display:block;font-size:12px}.appearance-sample-booking small{margin-top:6px;color:var(--muted)}.appearance-preview>button{pointer-events:none;width:100%;min-height:48px}
@media(min-width:1000px){.appearance-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.workspace-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.appearance-actions{grid-template-columns:1fr 1fr}}
@media(max-width:800px){
 .workspace-v4 .main{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.workspace-v4 .app-content{padding:22px 16px}.workspace-v4 .app-topbar{padding:12px 16px;height:68px}.workspace-v4 .app-topbar .btn{min-height:44px;font-size:11px}.workspace-v4 .access-strip{padding:10px 16px;gap:12px}.workspace-v4 .access-strip a{display:flex;align-items:center;min-height:36px}
 .workspace-v4 input:not([type=radio]):not([type=checkbox]),.workspace-v4 textarea,.workspace-v4 select,dialog input,dialog select,dialog textarea,.public-page input,.public-page select{font-size:16px!important;min-height:46px;max-width:100%}
 .workspace-v4 button,.workspace-v4 .btn,.workspace-v4 .quick-actions>a,.workspace-v4 .editor-tabs button{min-height:44px}.workspace-v4 button:hover,.workspace-v4 .btn:hover{transform:none}.workspace-v4 .mobile-dock a{min-height:52px;font-size:10px}.workspace-v4 .mobile-dock{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.workspace-v4 .quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workspace-v4 .quick-actions>a,.workspace-v4 .quick-actions>button{padding:12px 5px;font-size:11px;flex-direction:column;gap:7px;line-height:1.35}.workspace-v4 .page-heading{flex-wrap:wrap}.workspace-v4 .page-heading h1{font-size:27px}.workspace-v4 .page-heading p{font-size:13px}.workspace-v4 .page-heading>button{font-size:12px}.workspace-v4 .panel{padding:18px}.workspace-v4 .inline-actions{width:100%;gap:8px}.workspace-v4 .inline-actions>button{flex:1;min-width:90px;font-size:12px}.workspace-v4 .table-wrap tr{padding:16px}.workspace-v4 .table-wrap td{font-size:13px}.workspace-v4 .table-wrap td:before{font-size:11px;color:#59665f}.workspace-v4 .table-wrap td small{font-size:12px}.workspace-v4 .metric small{font-size:11px}.workspace-v4 .metric strong{font-size:25px}.workspace-v4 .metric{padding:16px}.workspace-v4 .today-booking{flex-wrap:wrap}.workspace-v4 .booking-detail strong{font-size:14px}.workspace-v4 .booking-detail small{font-size:12px}
 .workspace-v4 .editor-save{position:static;flex-wrap:wrap}.workspace-v4 .editor-save-actions{width:100%;display:flex}.workspace-v4 .editor-save-actions button{flex:1}.workspace-v4 .editor-tabs{position:sticky;top:0;z-index:5;background:#eef1ed}.workspace-v4 .editor-tabs button{font-size:11px;min-width:0}.workspace-v4 .mobile-preview-button{bottom:calc(82px + env(safe-area-inset-bottom));font-size:12px}.workspace-v4 .profile-builder{padding-bottom:0}.workspace-v4 .theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 dialog{max-height:calc(100dvh - 24px);overflow-y:auto;padding:26px 18px;width:calc(100% - 24px)}dialog .close{min-width:44px;min-height:44px}dialog h2{padding-right:20px;line-height:1.2}dialog .time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}dialog .time-grid label{min-height:44px;display:grid;place-items:center}dialog button,dialog .btn{min-height:44px}#toast{bottom:calc(88px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px)}
 .public-v4 .public-service{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start}.public-v4 .public-service-photo{width:64px;height:80px;object-fit:cover}.public-v4 .public-service-info{grid-column:2}.public-v4 .public-service>button{grid-column:1/-1;width:100%;min-height:46px;font-size:13px}.public-v4 .public-service strong{font-size:15px}.public-v4 .service-description{font-size:12px}.public-v4 .public-booking-dock button{min-height:46px}.public-v4 .service-tools{grid-template-columns:minmax(0,1fr)}.public-v4 .public-booking-dock{bottom:calc(10px + env(safe-area-inset-bottom))}
}
@media(max-width:480px){.workspace-v4 .service-grid,.workspace-v4 .reward-grid,.workspace-v4 .menu-grid,.workspace-v4 .form-grid{grid-template-columns:minmax(0,1fr)}.workspace-v4 .menu-card{min-height:82px}.workspace-v4 .menu-card strong{font-size:15px}.workspace-v4 .menu-card small{font-size:12px}.workspace-v4 .reward{flex-direction:row;align-items:center}.workspace-v4 .reward-symbol{width:48px;height:48px;flex-shrink:0;margin:0}.workspace-v4 .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-v4 .editor-tabs button{flex-direction:column;gap:5px;font-size:10px;padding:8px 3px}.workspace-v4 .editor-tabs button span{display:none}.workspace-v4 .profile-editor-intro{padding:18px}.workspace-v4 .profile-editor-intro img{width:70px}.workspace-v4 .profile-editor-intro strong{font-size:18px}.workspace-v4 .profile-editor-intro p{font-size:12px}.workspace-v4 .shop-intro{gap:10px}.workspace-v4 .shop-intro img{width:80px}.workspace-v4 .effects-grid{grid-template-columns:minmax(0,1fr)}.workspace-v4 .effect-product-copy button{font-size:13px}.workspace-v4 .form-grid .full{grid-column:1}.appearance-picker h2{font-size:25px}}