/* Extended mobile responsiveness fixes */

@media (max-width: 767.98px) {
  /* Make sidebar collapsible and smaller */
  .sidenav, .custom-sidenav, .navbar-vertical {
    width: 100% !important;
    position: relative !important;
    height: auto !important;
  }

  main.main-content {
    margin-left: 0 !important;
    padding: 10px !important;
  }

  /* Adjust container padding */
  .container, .container-fluid {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  /* Make tables scroll horizontally */
  .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Make buttons full width and smaller */
  .btn {
    width: 100% !important;
    margin-bottom: 10px !important;
    padding: 0.375rem 0.5rem !important;
    font-size: 0.9rem !important;
  }

  /* Adjust card padding */
  .card-body {
    padding: 0.75rem !important;
  }

  /* Adjust navbar */
  nav.navbar-main {
    flex-wrap: wrap !important;
  }

  /* Breadcrumb and header adjustments */
  nav.breadcrumb, h6.font-weight-bolder {
    font-size: 1rem !important;
  }
}