/* First important cascade layer, scoped to the MYPROFI cabinet. */
@layer sidebar255 {
 #app:has(>.side){display:grid!important;grid-template-columns:var(--barber-expanded222,177.6px) minmax(0,1fr)!important;min-height:100vh!important;min-height:100dvh!important;align-items:start!important}
 #app.sideCollapsed208:has(>.side){grid-template-columns:var(--barber-rail222,57px) minmax(0,1fr)!important}
 #app>.side{position:fixed!important;inset:0 auto 0 0!important;width:var(--barber-expanded222,177.6px)!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important;-ms-overflow-style:none!important;z-index:40!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;transition:width .15s ease!important}
 #app.sideCollapsed208>.side{width:var(--barber-rail222,57px)!important}
 #app>.side::-webkit-scrollbar,#app>.side .nav::-webkit-scrollbar,#app>.side .sidebar-zone226::-webkit-scrollbar{display:none!important;width:0!important}
 #app>.side>div:first-child{flex-shrink:0!important}
 #app>.main{grid-column:2!important;grid-row:1!important;margin-left:0!important;min-width:0!important;width:auto!important;max-width:none!important}
 #app>.side .nav,#app>.side .sidebar-flow225{display:flex!important;flex-direction:column!important;flex:1 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;scrollbar-width:none!important}
 #app>.side .sidebar-zone226{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 #app>.side .sidebar-zone226[data-zone226=middle]{flex:1 0 auto!important}
 #app>.side .sidebar-zone226[hidden],#app>.side .barber-account-children238[hidden]{display:none!important}
 #app>.side .barber-account238{height:auto!important;max-height:none!important;overflow:visible!important;flex-shrink:0!important}
 #app>.side .barber-app-link220{display:none!important}
 @media(max-width:760px){#app:has(>.side),#app.sideCollapsed208:has(>.side){grid-template-columns:var(--barber-rail222,57px) minmax(0,1fr)!important}}
 @media(prefers-reduced-motion:reduce){#app>.side{transition:none!important}}
}