/* r222: relative to r221. Keep this layer before earlier geometry layers.
   Existing navigation states, row heights and user theme settings are unchanged. */
@layer sidebar222 {
 body.shell141 {
  --rail141:61.2px!important; /* 81.6 * .75 */
  --sidebar-icon-slot222:calc(var(--rail141) - 12px);
 }
 body.shell141[data-shell-open141=true] {
  --sidebar141:calc(var(--nav-width56,280px) * .525)!important; /* .7 * .75 */
  --inset141:var(--sidebar141)!important;
 }
 body.shell141 .shell-sidebar141 .shell-nav-button141 {
  grid-template-columns:var(--sidebar-icon-slot222) minmax(0,1fr) auto!important;
 }
 body.shell141 .shell-sidebar141 .shell-tools141 {
  grid-template-columns:var(--sidebar-icon-slot222) minmax(0,1fr)!important;
 }
 body.shell141 .shell-sidebar141 .shell-brand141 {
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
 }
 body.shell141[data-shell-open141=true] .shell-sidebar141 .shell-label141 {display:block!important}
 body.shell141[data-shell-open141=false] .shell-sidebar141 {scrollbar-width:none!important}
 body.shell141[data-shell-open141=false] .shell-sidebar141::-webkit-scrollbar {display:none!important}
 @media(max-width:950px) {
  body.shell141 {--rail141:54px!important;--sidebar-icon-slot222:calc(var(--rail141) - 6px)} /* 72 * .75 */
  body.shell141[data-shell-open141=true] {
   --sidebar141:min(calc(var(--nav-width56,320px) * .525),calc((100vw - 44px) * .525))!important;
   --inset141:var(--rail141)!important;
  }
 }

 #app {--barber-rail222:57px;--barber-expanded222:177.6px} /* 76 * .75; 222 * .8 */
 #app .side,#app.sideCollapsed208 .side {
  width:var(--barber-expanded222)!important;
  padding-left:6.5px!important;padding-right:6.5px!important;
 }
 #app.sideCollapsed208 .side {width:var(--barber-rail222)!important}
 #app .sideHeader217 {
  margin-left:0!important;margin-right:0!important;
  column-gap:6px!important;
 }
 #app .sideHeader217 .brand {
  min-width:0!important;
  font-size:calc(var(--barber-expanded222) * .105)!important;
 }
 #app .nav button,#app.sideCollapsed208 .nav button {
  grid-template-columns:44px minmax(0,1fr)!important;
  padding-left:0!important;padding-right:0!important;
 }
 #app .main {margin-left:var(--barber-expanded222)!important}
 #app.sideCollapsed208 .main {margin-left:var(--barber-rail222)!important}
 @media(max-width:760px) {
  #app {--barber-expanded222:184px} /* 230 * .8 */
  #app .main,#app.sideCollapsed208 .main {margin-left:var(--barber-rail222)!important}
 }
}