/* One shared navigation for every customer workspace. */
.workspace > aside.portal-sidebar{padding:22px 12px;background:#fdfcfe;border-right:1px solid #e9e5ed}
.workspace > aside.portal-sidebar .studio-brand{display:block;width:158px;max-width:100%;margin:0 10px 28px}
.workspace > aside.portal-sidebar .studio-brand img{display:block;width:100%;height:auto}
.workspace > aside.portal-sidebar .eyebrow{font-size:10px;letter-spacing:1.8px;margin:0 12px 12px;color:#827d85}
.workspace > aside.portal-sidebar .studio-workspace-name{display:flex;align-items:center;gap:12px;padding:0 12px;font-size:14px}
.workspace > aside.portal-sidebar .studio-workspace-name>span{width:32px;height:32px;background:#f0edf4;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:400}
.workspace > aside.portal-sidebar .studio-workspace-name strong{overflow-wrap:anywhere}
.workspace > aside.portal-sidebar nav{display:grid;gap:5px;margin:26px 0}
.workspace > aside.portal-sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 12px;margin:0;border-radius:11px;text-decoration:none;font-size:13px;color:#494152}
.workspace > aside.portal-sidebar nav a:hover{background:#f7f2fb}
.workspace > aside.portal-sidebar nav a[aria-current="page"]{background:#f1e8fb;color:#7929bc;font-weight:700}
.workspace > aside.portal-sidebar svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.workspace > aside.portal-sidebar .studio-signout{display:block;margin:30px 12px 0;color:#827c87;font-size:13px}
@media(max-width:760px){
 .workspace > aside.portal-sidebar{padding:16px;border-right:0;border-bottom:1px solid #e9e5ed}
 .workspace > aside.portal-sidebar .studio-brand{width:145px;margin:0 0 15px}
 .workspace > aside.portal-sidebar .eyebrow,.workspace > aside.portal-sidebar .studio-workspace-name{display:none}
 .workspace > aside.portal-sidebar nav{display:flex;overflow-x:auto;gap:6px;margin:0}
 .workspace > aside.portal-sidebar nav a{flex-shrink:0;padding:10px 12px;font-size:12px;gap:8px}
 .workspace > aside.portal-sidebar svg{width:19px;height:19px}
 .workspace > aside.portal-sidebar .studio-signout{margin:12px 0 0}
}
/* Keep one logo: standalone studio screens use the sidebar brand. */
body:not(.builder-start-page):not(.studio-test-page) .workspace > aside.portal-sidebar .studio-brand{display:none}
/* Shared panel shell: the header and sidebar keep the same geometry on every page. */
body .workspace > aside.portal-sidebar .studio-brand{display:none!important}
body:has(.portal-sidebar)>.site-header{display:flex;height:72px;min-height:72px;padding:12px 4%;box-sizing:border-box;border-bottom:1px solid #e9e5ed}
body:has(.portal-sidebar)>.site-header .brand-logo{width:166px;height:40px}
body:has(.portal-sidebar)>.site-header .brand-logo img{width:212px;left:-23px;top:-24px}
body:has(.portal-sidebar) .workspace{grid-template-columns:210px minmax(0,1fr);min-height:calc(100dvh - 72px)}
body:has(.portal-sidebar) .workspace>aside.portal-sidebar{padding:22px 12px}
@media(max-width:760px){
 body:has(.portal-sidebar)>.site-header{height:auto;min-height:64px;padding:12px 16px}
 body:has(.portal-sidebar) .workspace{display:block;min-height:calc(100dvh - 64px)}
 body:has(.portal-sidebar) .workspace>aside.portal-sidebar{display:block;padding:12px 16px}
 body.builder-page .workspace{display:flex;flex-direction:column;min-height:0}
 body.builder-page .workspace>aside.portal-sidebar{flex-shrink:0}
 body.builder-page .workspace>aside.portal-sidebar .studio-signout{display:none}
 body.builder-page.studio-test-page .workspace{display:block;min-height:calc(100dvh - 64px)}
}
body.builder-page.studio-test-page:has(.portal-sidebar) .workspace{grid-template-columns:210px minmax(0,1fr);min-height:calc(100dvh - 72px)}
@media(max-width:760px){
 body:has(.portal-sidebar)>.site-header{position:relative}
 body.builder-page:has(.portal-sidebar) .site-header nav{top:100%}
 body.builder-page.studio-test-page:has(.portal-sidebar) .workspace{display:block;min-height:calc(100dvh - 64px)}
}
.site-header .wallet-header{padding:8px 12px;background:#f2e9fa;border-radius:10px;color:#793ba4;font-size:13px}