@media (max-width: 991px) {
  .app-sidebar {
    transform: translateX(-100%);
    box-shadow: var(--shadow-lg);
  }

  .app-sidebar.open {
    transform: translateX(0);
  }

  .app-main {
    margin-left: 0;
    padding: 1.25rem;
  }

  .sidebar-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .page-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .page-actions {
    width: 100%;
  }

  .page-actions .btn {
    flex: 1;
  }

  .card {
    padding: 1.1rem;
  }

  .search-filter-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .search-filter-bar .form-group {
    min-width: 0;
  }

  .modal {
    max-width: 100%;
  }

  .app-header .brand span {
    display: none;
  }
}

@media (max-width: 575px) {
  .app-main {
    padding: 1rem;
  }

  table.data-table thead th,
  table.data-table tbody td {
    padding: 0.6rem 0.7rem;
  }
}