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}
@media(max-width:900px){#dc-root>div{max-width:100vw!important}#dc-root .sc-host>div>aside:has(nav){flex:1 1 100%!important;width:100%!important;padding:14px!important;position:static!important;min-height:0!important}#dc-root .sc-host>div>aside:has(nav) nav{flex-direction:row!important;overflow-x:auto;gap:6px!important;padding:8px 0!important}#dc-root .sc-host>div>aside:has(nav) nav a{white-space:nowrap;flex:none}#dc-root .sc-host>div>aside:has(nav)>div:last-child{display:none!important}#dc-root main{padding:20px 16px!important;flex-basis:100%!important;max-width:100%!important}#dc-root main>div[style*="display: grid"]{grid-template-columns:1fr!important}#dc-root main section{max-width:100%;min-width:0;overflow:auto}#dc-root main aside{flex:1 1 100%!important;max-width:100%!important}#dc-root main table{min-width:650px}#dc-root main header>div{flex-wrap:wrap;max-width:100%}#dc-root main h1{font-size:28px!important}.standalone{padding:20px}}


#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}
@media(max-width:600px){.login-hero,.login-form{padding:32px 24px!important}.login-hero{gap:32px!important}.login-hero h1{font-size:38px!important}.login-hero>div:last-child{flex-wrap:wrap}.login-form a{white-space:normal;text-align:center}}
