/* Hover is an overlay; only an explicit pin changes the workspace track. */
.sb-nav-label,.sb-brand-label{font:inherit}.sb-pin{display:none}
@media(min-width:1001px) and (hover:hover) and (pointer:fine){
 .shell.sb-enhanced{--sb-track:110px;--sb-rail:77px;--sb-offset:12px;--sb-panel:244px;--sb-pinned-track:276px;--sb-rail-text:var(--theme-rail-text,var(--studio-blush));--sb-hover:var(--theme-rail-hover,color-mix(in srgb,var(--studio-ink) 78%,white));grid-template-columns:var(--sb-track) minmax(0,1fr)}
 .shell.sb-enhanced.sb-pinned{grid-template-columns:var(--sb-pinned-track) minmax(0,1fr)}
 .shell.sb-enhanced>.sidebar{width:var(--sb-rail);margin-left:var(--sb-offset);height:calc(100dvh - 64px);min-height:0;border-radius:39px;flex-shrink:0;isolation:isolate;color:var(--sb-rail-text);transition:none}
 .shell.sb-enhanced>.sidebar .side-nav{min-height:0;flex:1;overflow:visible}
 .shell.sb-enhanced>.sidebar .jb-nav-section{min-height:0;overflow-x:hidden;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--sb-hover) transparent;padding:4px 0;scroll-padding-block:6px}
 .shell.sb-enhanced>.sidebar .jb-nav-section>a{flex:none}
 .shell.sb-enhanced .sb-nav-label,.shell.sb-enhanced>.sidebar .jb-wordmark .sb-brand-label{display:none}
 .shell.sb-enhanced>.sidebar .salon-switch,.shell.sb-enhanced>.sidebar .bottom{display:none}
 .shell.sb-enhanced .jb-more-settings{flex:none;margin-top:12px}
 .shell.sb-enhanced>.sidebar .sb-pin{display:flex;align-items:center;justify-content:center;gap:0;width:50px;min-height:42px;padding:10px;margin:15px auto 0;border:1px solid transparent;border-radius:50%;background:transparent!important;color:var(--sb-rail-text)!important;flex:none;cursor:pointer;box-shadow:none;overflow:hidden;font-size:0;font-weight:400;transform:none}
 .shell.sb-enhanced>.sidebar .sb-pin:hover{background:var(--sb-hover)!important;color:var(--sb-rail-text)!important}
 .shell.sb-enhanced>.sidebar .sb-pin:focus-visible{outline:2px solid var(--theme-focus,var(--sb-rail-text));outline-offset:3px}
 .shell.sb-enhanced>.sidebar .sb-pin svg{display:block;width:20px;height:20px;flex:none}
 .shell.sb-enhanced>.sidebar .sb-pin[aria-pressed=false] svg{transform:rotate(35deg)}
 .shell.sb-enhanced>.sidebar .sb-pin-text{display:none;white-space:nowrap}
 .shell.sb-enhanced.sb-expanded>.sidebar{width:var(--sb-panel);align-items:stretch;border-radius:29px;box-shadow:8px 8px 25px color-mix(in srgb,var(--studio-ink) 15%,transparent)}
 .shell.sb-enhanced.sb-pinned>.sidebar{box-shadow:none}
 .shell.sb-enhanced.sb-expanded>.sidebar .brand.jb-wordmark{width:100%;height:53px;padding:0 15px;justify-content:flex-start;gap:16px;border-radius:17px;margin-bottom:23px}
 .shell.sb-enhanced.sb-expanded>.sidebar .jb-wordmark .sb-brand-label{display:block;font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.5px;color:inherit}
 /* The top bar already identifies the business. Keep this grid track empty
    in every desktop state so revealing labels never displaces navigation. */
 .shell.sb-enhanced.sb-expanded>.sidebar .salon-switch{display:none}
 .shell.sb-enhanced.sb-expanded .sb-nav-label{display:block;font-size:13px;font-weight:400;line-height:1.4;white-space:nowrap;opacity:1}
 .shell.sb-enhanced.sb-expanded>.sidebar .jb-nav-section{align-items:stretch;gap:10px}
 .shell.sb-enhanced.sb-expanded .side-nav .jb-nav-section>a{width:100%;height:50px;min-height:50px;padding:11px 15px;justify-content:flex-start;gap:13px;border-radius:13px}
 .shell.sb-enhanced.sb-expanded .side-nav .jb-nav-section>a :is(.jb-nav-icon,svg){width:19px;height:19px;flex-basis:19px}
 .shell.sb-enhanced.sb-expanded .jb-more-settings>summary{width:100%;height:50px;padding:11px 15px;justify-content:flex-start;gap:13px;border-radius:13px;margin:0}
 .shell.sb-enhanced.sb-expanded .jb-more-settings>summary .jb-nav-icon,.shell.sb-enhanced.sb-expanded .jb-more-settings>summary svg{width:19px;height:19px;flex-basis:19px}
 .shell.sb-enhanced.sb-expanded .st-settings-links{position:static;width:auto;left:auto;bottom:auto;padding:6px;margin-top:7px;border:0;border-radius:15px;box-shadow:none}
 .shell.sb-enhanced.sb-expanded>.sidebar .sb-pin{width:100%;justify-content:flex-start;gap:13px;padding:10px 15px;margin-top:14px;border-radius:13px;font-size:12px}
 .shell.sb-enhanced.sb-expanded>.sidebar .sb-pin-text{display:block;line-height:1.4}
 .shell.sb-enhanced.sb-pinned>.sidebar .sb-pin{background:var(--sb-hover)!important}
 .shell.sb-enhanced.sb-pinned>.sidebar .sb-pin svg{transform:none}
}
@media(min-width:1001px) and (max-width:1100px) and (hover:hover) and (pointer:fine){.shell.sb-enhanced{--sb-track:95px;--sb-rail:68px;--sb-offset:10px}}
@media(prefers-reduced-motion:reduce){.shell.sb-enhanced>.sidebar,.shell.sb-enhanced .sb-nav-label,.shell.sb-enhanced .sb-pin{transition:none}}

/* Settings is a top-layer popup; the pin always stays in its own footer row. */
.sb-footer{display:none}
.shell.sb-enhanced .sidebar .st-settings-links.sb-settings-panel{position:fixed;inset:auto;margin:0;padding:8px;width:232px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;border:1px solid var(--theme-line,var(--studio-line));border-radius:16px;background:var(--theme-panel,var(--surface));color:var(--theme-body,var(--ink));box-shadow:0 10px 32px var(--theme-overlay,color-mix(in srgb,var(--studio-ink) 14%,transparent));z-index:80;font-family:inherit;scrollbar-width:thin;scroll-padding-block:8px}
.shell.sb-enhanced .sidebar .st-settings-links.sb-settings-panel[popover]:not(:popover-open){display:none}
.shell.sb-enhanced .sidebar .st-settings-links.sb-settings-panel:is(:popover-open,.is-open){display:block}
.sb-settings-panel::backdrop{background:transparent}
.shell.sb-enhanced .sidebar .sb-settings-panel :is(a,button){display:flex;align-items:center;width:100%;min-height:40px;margin:0;padding:10px 12px;border:0;border-radius:9px;white-space:normal;text-align:left;color:var(--theme-body,var(--ink));background:transparent;font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;transform:none}
.shell.sb-enhanced .sidebar .sb-settings-panel :is(a,button):hover{background:var(--theme-inset,color-mix(in srgb,var(--studio-paper) 85%,white));color:var(--theme-heading,var(--ink))}
.shell.sb-enhanced .sidebar .sb-settings-panel :is(a,button):focus-visible{outline:2px solid var(--theme-focus,var(--workspace-accent));outline-offset:-2px}
@media(min-width:1001px) and (hover:hover) and (pointer:fine){
 .shell.sb-enhanced>.sidebar{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;align-items:stretch}
 .shell.sb-enhanced>.sidebar>.brand{grid-row:1;justify-self:center}
 .shell.sb-enhanced>.sidebar>.salon-switch{grid-row:2}
 .shell.sb-enhanced>.sidebar>.side-nav{grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:0;align-self:stretch}
 .shell.sb-enhanced>.sidebar .jb-nav-section{grid-row:1;align-self:stretch;min-height:0}
 .shell.sb-enhanced>.sidebar .jb-more-settings{grid-row:2;min-height:44px}
 .shell.sb-enhanced>.sidebar>.sb-footer{grid-row:4;display:flex;align-items:flex-end;justify-content:center;min-height:58px;padding-top:14px;isolation:isolate}
 .shell.sb-enhanced>.sidebar .sb-footer .sb-pin{margin:0 auto;position:static}
 .shell.sb-enhanced.sb-expanded>.sidebar>.brand{justify-self:stretch}
 .shell.sb-enhanced.sb-expanded>.sidebar>.sb-footer{justify-content:stretch}
 .shell.sb-enhanced.sb-expanded>.sidebar .sb-footer .sb-pin{margin:0;width:100%}
}
@media(max-width:800px){.shell.sb-enhanced .sidebar .sb-settings-panel :is(a,button){min-height:44px;font-size:13px}}

/* Compact desktop/tablet rails also need a bounded navigation track. */
@media(min-width:801px){
 .shell.sb-enhanced{display:grid}
 .shell.sb-enhanced>.sidebar{grid-column:1;grid-row:1}
 .shell.sb-enhanced>.workspace{grid-column:2;grid-row:1;min-width:0}
 .shell.sb-enhanced>.sidebar{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;height:calc(100dvh - 64px);min-height:0;align-items:stretch}
 .shell.sb-enhanced>.sidebar>.brand{grid-row:1;justify-self:center}
 .shell.sb-enhanced>.sidebar>.salon-switch{grid-row:2}
 .shell.sb-enhanced>.sidebar>.side-nav{grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:0;align-self:stretch;overflow:visible}
 .shell.sb-enhanced>.sidebar .jb-nav-section{grid-row:1;align-self:stretch;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
 .shell.sb-enhanced>.sidebar .jb-nav-section>a{flex-shrink:0}
 .shell.sb-enhanced>.sidebar .jb-more-settings{grid-row:2;flex:none}
 .shell.sb-enhanced>.sidebar>.sb-footer{grid-row:4}
}
.shell.sb-enhanced.sb-desktop .workspace-header .jb-mobile-nav{display:none}
@media(min-width:801px) and (max-height:650px){
 .shell.sb-enhanced>.sidebar{padding-top:14px;padding-bottom:12px}
 .shell.sb-enhanced>.sidebar .brand.jb-wordmark{height:43px;width:43px;margin-bottom:12px}
 .shell.sb-enhanced.sb-expanded>.sidebar .brand.jb-wordmark{width:100%}
 .shell.sb-enhanced.sb-expanded>.sidebar .salon-switch{display:none}
 .shell.sb-enhanced>.sidebar .jb-more-settings{min-height:42px;margin-top:8px}
 .shell.sb-enhanced>.sidebar .jb-more-settings>summary,.shell.sb-enhanced.sb-expanded>.sidebar .jb-more-settings>summary{height:42px;min-height:42px}
 .shell.sb-enhanced>.sidebar>.sb-footer{min-height:52px;padding-top:10px}
}
.shell.sb-enhanced .sidebar .sb-settings-panel :is(a,button):focus-visible{outline-color:var(--theme-focus,var(--workspace-accent))!important}

@media(min-width:801px){.shell.sb-enhanced>.sidebar{grid-template-rows:auto auto minmax(50px,1fr) auto}}
@media(min-width:801px) and (max-height:650px){.shell.sb-enhanced.sb-expanded>.sidebar .brand.jb-wordmark{height:43px;margin-bottom:12px}}