/* THE YBDC CRM: mobile sidebar menu scrolls independently of the profile footer.
   Works with Emerald + Gold reference theme and optional Back-to-close drawer patch.
   No database, login, or CRM form changes. */
.ybdc-sidebar-scroll { display:contents; }
@media (max-width:900px) {
  .layout .sidebar {
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:0 !important;
    max-height:100vh !important;
    max-height:100dvh !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    padding-bottom:0 !important;
  }
  .sidebar .brand {
    flex:0 0 auto !important;
    min-height:108px !important;
    padding:14px 12px 16px !important;
  }
  .sidebar .brand .brand-mark.yp-logo {
    height:82px !important;
    width:76px !important;
  }
  .sidebar .ybdc-sidebar-scroll {
    display:block !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    width:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    touch-action:pan-y;
    padding:4px 0 22px !important;
    scrollbar-width:thin;
    scrollbar-color:#315947 transparent;
  }
  .sidebar .sidebar-bottom {
    display:block !important;
    flex:0 0 auto !important;
    position:relative !important;
    margin:0 !important;
    padding:9px 6px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    background:linear-gradient(180deg,#04261c 0%,#031b14 100%) !important;
    border-top:1px solid #32533f !important;
    z-index:2 !important;
  }
  .sidebar .side-note { display:none !important; }
  .sidebar .side-user {
    display:flex !important;
    min-height:52px !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
    padding:4px 2px !important;
    border:0 !important;
  }
  .sidebar .side-user > div:nth-child(2) { flex:1 1 auto; min-width:0; }
  .sidebar .side-user strong,
  .sidebar .side-user small {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .sidebar .side-user .exit {
    flex:0 0 auto;
    min-width:44px;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:auto !important;
  }
  .sidebar .ybdc-mobile-menu-close { z-index:6 !important; }
}