/* BantayBid compact native workspace rail — presentation only */
.sidebar{
  min-height:0!important;
  max-height:100dvh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
}
.sidebar nav{flex-shrink:0!important}
.sidebar .sideBottom{flex-shrink:0!important}

@media (max-width:900px){
  .appShell{grid-template-columns:132px minmax(0,1fr)!important}
  .sidebar{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:12px 8px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    align-self:start!important;
  }
  .sidebar .sideLabel{display:block!important;margin:16px 6px 8px!important;font-size:9px!important}
  .sidebar nav{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;overflow:visible!important}
  .sidebar nav a{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:start!important;
    column-gap:7px!important;
    row-gap:3px!important;
    width:100%!important;
    height:auto!important;
    min-height:42px!important;
    padding:8px 6px!important;
    white-space:normal!important;
    overflow:hidden!important;
    line-height:1.18!important;
    min-width:0!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .sidebar nav a>b,
  .sidebar nav a .bb-nav-icon{
    display:grid!important;
    place-items:center!important;
    grid-column:1!important;
    grid-row:1!important;
    width:24px!important;
    min-width:24px!important;
    height:22px!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .sidebar nav a>span{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    font-size:12px!important;
    line-height:1.18!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .sidebar nav a>.bb-tier-lock{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:start!important;
    margin:0!important;
    position:static!important;
    max-width:100%!important;
  }
  .sideBottom{display:none!important}
  .main,.content{min-width:0!important}
  .content{padding:12px!important}
  .heroPanel,.panel,.privacyCard,.recCard,.opp{min-width:0!important}
}
@media(max-width:600px){
  .appShell{grid-template-columns:116px minmax(0,1fr)!important}
  .sidebar{width:116px!important;min-width:116px!important;max-width:116px!important;padding:10px 6px!important}
  .sidebar nav a{grid-template-columns:22px minmax(0,1fr)!important;column-gap:5px!important;padding:8px 5px!important;min-height:40px!important}
  .sidebar nav a>b,.sidebar nav a .bb-nav-icon{width:22px!important;min-width:22px!important;height:20px!important}
  .sidebar nav a>span{font-size:11px!important}
  .content{padding:10px!important}
}