/* Merchant sidebar, shared in full. Only navigation data differs between callers. */
@layer staff-liquid {
body:is(.merchant,.personal-glass).experience .workspace-sidebar{display:flex!important;flex-direction:column!important;min-width:0!important;padding:26px 16px 20px!important;background:var(--staff-glass-face)!important;color:var(--m-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar>.lg-optic{border-color:var(--m-line)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .sidebar-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin:0!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .brand{display:flex!important;align-items:center!important;font-size:19px!important;gap:10px!important;padding:0 10px 24px!important;color:var(--m-ink)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .brand-symbol{display:grid!important;place-items:center!important;flex:none!important;width:41px!important;height:41px!important;background:linear-gradient(145deg,#4776cb,#4b56ad)!important;color:#fff!important;border:1px solid #ffffff3d!important;border-radius:11px!important;box-shadow:inset 0 1px 0 #ffffff70,0 3px 8px #395c9a23!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .brand small{display:block!important;font-size:8px!important;font-weight:500!important;letter-spacing:2.5px!important;margin-top:3px!important;color:var(--m-muted)!important;opacity:1!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar>.nav-label{display:none!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar>nav{display:grid!important;gap:7px!important;margin-top:16px!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .sidebar-service{display:flex!important;align-items:center!important;gap:10px!important;margin:30px 7px 20px!important;margin-top:auto!important;padding:16px 13px!important;background:transparent!important;border:0!important;border-top:1px solid var(--m-line)!important;border-radius:0!important;color:var(--m-muted)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .sidebar-service strong{font-size:11px!important;font-weight:500!important;line-height:1.8!important;color:var(--m-muted)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .sidebar-service span{display:none!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .sidebar-footer{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:20px 12px 0!important;border:0!important;border-top:1px solid var(--m-line)!important;border-radius:0!important;background:transparent!important;color:var(--m-muted)!important;box-shadow:none!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .avatar{display:grid!important;place-items:center!important;flex:none!important;width:36px!important;height:36px!important;font-size:14px!important;background:var(--m-tint)!important;color:var(--m-accent)!important;border:0!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ffffff20!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .user-name{font-size:12px!important;line-height:1.8!important;max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--m-ink)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .muted{font-size:10px!important;line-height:1.8!important;color:var(--m-muted)!important}
@media(min-width:901px){body:is(.merchant,.personal-glass).experience #app>.workspace-sidebar{position:relative!important;inset:auto!important;width:auto!important;height:100%!important;overflow-y:auto!important;transform:none!important;border-radius:0!important}}
@media(max-width:900px){
 body:is(.merchant,.personal-glass).experience #app>.workspace-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(280px,85vw)!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important;border-radius:var(--workspace-drawer-corners,0 24px 24px 0)!important;transform:translateX(-105%)!important;transition:transform .24s ease!important;z-index:40!important}
 body:is(.merchant,.personal-glass).sidebar-open #app>.workspace-sidebar{transform:translateX(0)!important}
}
@media(prefers-reduced-motion:reduce){body:is(.merchant,.personal-glass).experience #app>.workspace-sidebar{transition:none!important}}
}
@layer staff-liquid {
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item{position:relative!important;display:flex!important;align-items:center!important;min-height:47px!important;width:100%!important;margin:0!important;padding:11px 13px!important;gap:11px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:var(--m-muted)!important;font-size:13px!important;font-weight:400!important;text-align:left!important;box-shadow:none!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item.active{background:#ffffff61!important;color:#234b91!important;font-weight:600!important;box-shadow:inset 0 1px 0 #ffffff8c,0 4px 10px #27456612!important}
html[data-theme=dark] body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item.active{background:#a9c5ff24!important;color:#edf4ff!important;box-shadow:inset 0 1px 0 #e5efff1c,0 4px 12px #09152417!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item:after{content:none!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item.active:before{content:''!important;position:absolute!important;left:0!important;top:15px!important;bottom:15px!important;width:3px!important;border-radius:3px!important;background:var(--m-accent)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item>.ico{display:block!important;flex:none!important;width:27px!important;height:27px!important;padding:6px!important;border:0!important;border-radius:8px!important;color:#fff!important;stroke-width:1.9!important;box-shadow:none!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item:nth-child(4n+1)>.ico{background:linear-gradient(145deg,#517fd3,#3563b6)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item:nth-child(4n+2)>.ico{background:linear-gradient(145deg,#328bb1,#1d6c90)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item:nth-child(4n+3)>.ico{background:linear-gradient(145deg,#9274d8,#7052b6)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item:nth-child(4n+4)>.ico{background:linear-gradient(145deg,#7e8da8,#596b89)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar :is(.logout,.sidebar-close){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin-left:auto!important;padding:8px!important;background:var(--m-input)!important;color:var(--m-ink)!important;border:1px solid var(--m-light)!important;border-radius:12px!important;box-shadow:var(--m-button)!important;filter:none!important;transition:transform .15s,border-color .15s,box-shadow .15s!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar :is(.logout,.sidebar-close)>.ico{width:20px!important;height:20px!important}
@media(min-width:901px){body:is(.merchant,.personal-glass).experience .workspace-sidebar .sidebar-close{display:none!important}}
@media(hover:hover){body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-item:hover:not(.active){background:var(--m-glass)!important;color:var(--m-ink)!important}body:is(.merchant,.personal-glass).experience .workspace-sidebar :is(.logout,.sidebar-close):hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 5px 12px #244c791c,inset 0 1px 0 var(--m-light)!important}}
@media(prefers-reduced-motion:reduce){body:is(.merchant,.personal-glass).experience .workspace-sidebar :is(.logout,.sidebar-close){transition:none!important;transform:none!important}}
}
@layer staff-liquid {
body:is(.merchant,.personal-glass).experience .workspace-sidebar :is(button,a):focus-visible{outline:2px solid var(--m-focus)!important;outline-offset:2px!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar button:disabled{opacity:.55!important;cursor:wait!important;transform:none!important;box-shadow:none!important}
}
@layer staff-liquid {
body:is(.merchant,.personal-glass).experience .workspace-sidebar,
body:is(.merchant,.personal-glass).experience .workspace-sidebar *{border-color:var(--m-line)!important;outline-color:var(--m-focus)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .nav-label{color:var(--m-ink)!important}
body:is(.merchant,.personal-glass).experience .workspace-sidebar .sidebar-service>div{color:inherit!important}
}
@layer staff-liquid {
body:is(.merchant,.personal-glass).experience .workspace-sidebar .sidebar-service>div>span{color:inherit!important}
}