dialog,dialog *,.standalone,.standalone *,.toast,.utility-actions{box-sizing:border-box}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #F0635A;outline-offset:3px}button:disabled{cursor:not-allowed!important;opacity:.5}input,select,textarea{font:inherit}body{margin:0}button{cursor:pointer}dialog{border:1px solid #E6E3DA;border-radius:20px;padding:26px;width:min(560px,calc(100vw - 28px));max-height:90vh;overflow:auto;font:14px/1.5 Manrope,system-ui;color:#111318;box-shadow:0 24px 90px #11131833}dialog::backdrop{background:#11131888;backdrop-filter:blur(3px)}dialog h2{font:700 26px 'Bricolage Grotesque',system-ui;margin:0 0 20px}dialog label{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-weight:700}dialog input,dialog select,dialog textarea{width:100%;padding:11px 12px;border:1px solid #C9CDD4;border-radius:9px;background:#fff;color:#111318}dialog .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}dialog button,.standalone button{padding:11px 18px;border:1px solid #DAD8D0;border-radius:10px;background:#fff;font:700 14px Manrope,system-ui}dialog button[type=submit],.standalone button[type=submit]{background:#F0635A;border-color:#F0635A;color:#111318}.error{color:#8E2A22;background:#FBE9E7;padding:10px;border-radius:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#111318;color:#fff;padding:14px 22px;border-radius:12px;z-index:99999;font:14px/1.5 Manrope,system-ui;max-width:90vw;box-shadow:0 5px 20px #0003}.standalone{font:15px/1.6 Manrope,system-ui;background:#F6F5F1;color:#111318;padding:40px;max-width:1100px;margin:auto}.standalone h1{font:700 38px 'Bricolage Grotesque',system-ui;letter-spacing:-1px}.screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.screen-grid a{padding:18px;background:white;border:1px solid #E6E3DA;border-radius:12px;color:#111318;text-decoration:none}.access-card{max-width:420px;background:white;border:1px solid #E6E3DA;border-radius:20px;margin:10vh auto;padding:30px}.access-card label{display:block;margin:14px 0}.access-card input{display:block;width:100%;border:1px solid #DAD8D0;border-radius:10px;padding:12px;margin-top:6px}.empty-note{padding:16px;border:1px dashed #DAD8D0;border-radius:12px;color:#5B6270;font-size:14px}.receipt{font:14px/1.6 Manrope,system-ui}.receipt-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #E6E3DA;padding:8px 0}.design-badge{position:fixed;bottom:8px;right:8px;z-index:1000;background:#fff;border:1px solid #ddd;padding:5px 10px;border-radius:8px;font:11px system-ui;color:#555;text-decoration:none}.top-notice{padding:10px 20px;background:#FFF1DC;color:#6E3F00;font:13px Manrope,system-ui}@media print{aside,nav,button,.design-badge,.toast,.actions{display:none!important}dialog{position:static;box-shadow:none;border:0;width:100%;max-height:none}body:has(dialog[open]) #dc-root{display:none}body{background:#fff!important}main{padding:0!important}}
.utility-button{align-self:flex-start;padding:9px 14px;margin:4px 8px;border:1px solid #DAD8D0;border-radius:10px;background:#fff;color:#111318;font:700 13px Manrope,system-ui}.inline-edit{border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left}.inline-edit:hover{text-decoration:underline}

.utility-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-top:12px}.utility-button{margin:0}.integration-inactive{opacity:.5;cursor:not-allowed!important}.shop-logo{height:100%;width:100%;object-fit:contain;border-radius:inherit}.shop-photo{width:150px;height:105px;object-fit:cover;border-radius:12px}[data-shop-gallery]:not(:empty){display:flex;gap:10px;overflow-x:auto;padding:0 18px 16px}.commission-slip{padding:12px 0;border-bottom:1px solid #E6E3DA}#dc-root main{min-width:0}#dc-root header{flex-wrap:wrap}#dc-root [data-favorite][aria-pressed=false] svg{fill:none!important}



#dc-root nav{scrollbar-width:thin;scrollbar-color:#555 transparent}@media(max-width:900px){#dc-root [data-sc-name=Logo]>div{padding:24px!important;height:auto!important;min-height:100vh!important}#dc-root [data-sc-name=Logo]>div>div{flex-wrap:wrap}#dc-root [data-sc-name=Logo]>div>div[style*="grid-template-columns"]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}#dc-root [data-sc-name=Logo]>div>div>div{min-width:220px;min-height:220px}}

.capster-phone{max-width:100vw}.capster-phone>div[style*="flex: 1"]{min-height:0;overflow-y:auto}.capster-phone>nav{flex:none!important}main [style*="170px 1fr 90px"]{min-width:0}@media(max-width:450px){.capster-phone{width:100%!important;height:100dvh!important;min-height:0!important}.capster-phone>nav{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}main [style*="170px 1fr 90px"]{grid-template-columns:minmax(90px,1fr) minmax(50px,1fr) 45px!important}#dc-root [style*="repeat(3, minmax(0, 1fr))"]{min-width:0}}
.design-edit{box-sizing:content-box;font:inherit;background:transparent;color:inherit;text-align:inherit}
#dc-root button[role=radio]:disabled:not(.integration-inactive){opacity:1}
.inline-edit{display:block;width:100%;text-align:inherit}
.utility-menu{position:relative;flex:none;z-index:20;font:700 13px Manrope,system-ui;color:#111318}.utility-menu>summary{list-style:none;cursor:pointer;width:42px;height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px solid #DAD8D0;border-radius:12px;background:#fff;letter-spacing:2px}.utility-menu>summary::-webkit-details-marker{display:none}.utility-menu>summary:focus-visible{outline:3px solid #F0635A;outline-offset:3px}.utility-menu .utility-actions{position:absolute;right:0;top:48px;width:min(268px,calc(100vw - 40px));display:flex;flex-direction:column;gap:4px;margin:0;padding:6px;background:#fff;border:1px solid #E6E3DA;border-radius:14px;box-shadow:0 12px 30px #11131822}.utility-menu:not([open]) .utility-actions{display:none}.utility-menu .utility-button{align-self:stretch;text-align:left;border:0;background:transparent;padding:12px;border-radius:8px;min-height:44px}.utility-menu .utility-button:hover{background:#F6F5F1}.has-utility-menu{position:relative}.has-utility-menu> .utility-menu{position:absolute;right:0;top:0}.has-utility-menu>h1,.has-utility-menu>h2{padding-right:52px}.capster-phone.has-utility-menu>.utility-menu{right:16px;top:16px}


/* Mobile design canvases remain 390px wide on desktop and fit the actual viewport. */
body.capster-app{height:100vh;height:100dvh;overflow:hidden}
.capster-phone{margin-inline:auto;height:100vh!important;height:100dvh!important;min-height:0!important}
.capster-phone>div[style*="flex: 1"]{overscroll-behavior-y:contain}
.store-booking-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
[data-booking-next][aria-disabled=true]{opacity:.5;cursor:not-allowed}
@media(max-width:360px){.store-booking-footer{gap:10px!important}.store-booking-footer>[data-booking-next]{padding-inline:18px!important;white-space:nowrap}}

.capster-phone>header{flex-wrap:nowrap!important}.capster-phone>header>div{min-width:0}
@media(max-height:700px){.capster-phone>div[style*="justify-content: center"]{justify-content:flex-start!important;padding-top:28px!important}}
/* Owner/staff mobile pages supplied by the newer 44-artboard reference. */
body.mobile-owner{height:100vh;height:100dvh;overflow:hidden}
.capster-mobile{margin-inline:auto;max-width:100%;height:100vh!important;height:100dvh!important;min-height:0!important}
.capster-mobile>div[style*="flex: 1"]{min-height:0;overscroll-behavior-y:contain}
.capster-mobile>nav{height:calc(72px + env(safe-area-inset-bottom))!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}
.capster-mobile>header{flex-wrap:nowrap!important}
.capster-mobile header>button{min-width:0}
.capster-mobile input,.capster-mobile textarea,.capster-mobile select{box-sizing:border-box;min-width:0;max-width:100%}
.capster-mobile [role=tablist][aria-label=Barber]{display:flex!important;overflow-x:auto}
.capster-mobile [role=tablist][aria-label=Barber]>button{flex:1 0 0;min-width:0}
.capster-mobile [role=tablist][aria-label=Barber]:has(>button:nth-child(4))>button{flex:1 0 100px}
.capster-mobile .mobile-schedule-card button{box-sizing:content-box;padding:0;text-align:left;line-height:normal}
.capster-mobile [data-mobile-action=whatsapp]{color:inherit;background:transparent!important}
.mobile-empty{font:500 13px/1.5 Manrope,system-ui;color:#5B6270;padding:14px;margin:0}
.capster-mobile button[disabled]{cursor:not-allowed}
.capster-mobile [role=button]:focus-visible{outline:3px solid #F0635A;outline-offset:2px}
.capster-mobile [data-mobile-action]{cursor:pointer}
@media(max-width:768px){.capster-mobile{width:100%!important}}
@media(max-height:650px){.capster-mobile:has(a[href*="HP-Daftar.dc.html"]){overflow:auto!important}.capster-mobile:has(a[href*="HP-Daftar.dc.html"])>div:first-child{flex:none!important}}
.operational .capster-phone [role=group][aria-label=Filter]{flex:none;scrollbar-width:none}.operational .capster-phone>div[style*="flex: 1"]>label{flex-shrink:0}

/* Customer screens fill phone/tablet widths while keeping the original desktop artboard. */
@media(max-width:768px){body.capster-customer .capster-phone{width:100%!important}body.capster-customer .capster-phone>nav{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}}
.customer-empty{margin:0;padding:16px;border:1px solid #E6E3DA;border-radius:16px;background:#fff;color:#5B6270;font-size:13px;line-height:1.5}
.capster-customer a[aria-disabled=true]{cursor:default}.capster-customer [role=radio][disabled]{opacity:1;color:#5B6270!important;cursor:not-allowed}

.ticket-empty .capster-phone>div>section,.ticket-empty .capster-phone>div>div:not(:first-child),.ticket-empty .capster-phone>div>div:first-child>span{display:none!important}

.capster-customer.operational .capster-phone>div[style*="flex: 1"]>*{flex-shrink:0}



body.customer-page-25 .capster-phone>div[style*="flex: 1"],body.customer-page-34 .capster-phone>div[style*="flex: 1"]{scrollbar-gutter:stable}
/* Store address controls and non-blocking connection status. */
.domain-editor{display:flex;flex-direction:column;gap:10px;padding-bottom:18px;border-bottom:1px solid #e6e3da}
.domain-editor label{font-size:14px;font-weight:800}
.domain-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.domain-name-row input{min-width:100px;flex:1 1 180px;min-height:46px;padding:0 12px;border:1px solid #c9cdd4;border-radius:10px;font:inherit;box-sizing:border-box}
.domain-name-row input[aria-invalid=true]{border-color:#b3122e}
.domain-name-row>span{color:#5b6270;font-size:14px}
.domain-name-row button,.connection-banner button{min-height:44px;padding:0 14px;border:0;border-radius:10px;background:#111318;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.domain-name-row button:disabled{opacity:.45;cursor:default}
.domain-editor p{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.domain-help{color:#5b6270}.domain-feedback{color:#0f6b41}.domain-error{color:#b3122e}
.connection-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:100000;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px 16px;display:flex;align-items:center;gap:14px;border-radius:14px;background:#fff1dc;color:#6e3f00;box-shadow:0 4px 24px #11131830;font:600 13px/1.5 system-ui}
.connection-banner.connected{background:#e4f4e9;color:#0f6b41}
@media(max-width:600px){.domain-name-row button{flex:1 1 100%}.connection-banner{flex-wrap:wrap;bottom:80px}}

/* Reference controls retain their authored dimensions and visible filters. */
@media(max-width:720px){.standalone{padding:20px}}
body.capster-customer.operational .customer-search{flex-shrink:0;box-sizing:border-box}
body.capster-customer.operational .customer-search:focus-within{outline:2px solid #F0635A;outline-offset:3px}
.current19-preview-notice{box-sizing:border-box;margin:0;padding:10px 16px;background:#fff1dc;color:#6e3f00;font:600 13px/1.5 Manrope,system-ui;text-align:center}.email-preview19{height:auto;overflow:auto}
.current19-email-canvas{max-width:100%;overflow-wrap:anywhere}
@media(max-width:639px){.current19-email-canvas{height:auto!important;min-height:100vh;padding:12px!important;overflow:visible!important}.current19-email-canvas [style*="display: flex"]{min-width:0}.current19-email-ticket{flex-wrap:wrap}.current19-email-ticket [role="img"]{flex:none}}