/* Responsive dashboard */
@media (max-width: 991.98px) {
  .bm-sidebar {
    position: fixed;
    left: -280px;
    z-index: 1040;
    transition: left .25s ease;
  }
  .bm-sidebar.open {
    left: 0;
  }
  .bm-sidebar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 1035;
  }
  .bm-sidebar-overlay.show {
    display: block;
  }
}

@media (max-width: 767.98px) {
  .bm-content {
    padding: 1rem;
  }
  .bm-topbar {
    padding: .5rem 1rem;
  }
  /* Bottom nav for mobile */
  .bm-mobile-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bm-card);
    border-top: 1px solid var(--bm-border);
    display: flex;
    justify-content: space-around;
    padding: .5rem 0;
    z-index: 1020;
  }
  .bm-mobile-nav a {
    color: var(--bm-muted);
    font-size: .7rem;
    text-align: center;
    flex: 1;
  }
  .bm-mobile-nav a.active {
    color: var(--bm-primary);
  }
  .bm-dashboard {
    padding-bottom: 60px;
  }
  /* Tables become cards on mobile where marked */
  .bm-table-responsive-cards thead {
    display: none;
  }
  .bm-table-responsive-cards tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    padding: .75rem;
    background: var(--bm-card);
  }
  .bm-table-responsive-cards td {
    display: flex;
    justify-content: space-between;
    border: none;
    padding: .35rem 0;
  }
  .bm-table-responsive-cards td::before {
    content: attr(data-label);
    font-weight: 600;
    color: var(--bm-muted);
  }
}