@media (max-width: 768px) {
  .sidebar {
    position: fixed;
    left: -100%;
    top: 0;
    height: 100vh;
    z-index: 500;
    transition: left 0.3s ease;
  }

  .sidebar.open {
    left: 0;
  }

  .sidebar-close-btn {
    display: block;
  }

  .mobile-only {
    display: block;
  }

  .topbar {
    flex-wrap: wrap;
    height: auto;
    padding: 8px 16px;
    gap: 8px;
  }

  .topbar-right {
    width: 100%;
  }

  .filter-bar {
    width: 100%;
  }

  .search-input {
    width: 100%;
    flex: 1;
  }

  .filter-select {
    flex: 1;
    min-width: 0;
  }

  .board-title {
    font-size: var(--font-size-lg);
  }

  /* Kanban: verticale scroll op mobiel */
  .kanban-board {
    flex-direction: column;
    padding: 12px;
  }

  .kanban-column {
    min-width: 100%;
    max-width: 100%;
    max-height: none;
  }

  /* Tabel: horizontale scroll */
  .table-wrapper {
    padding: 0 12px 12px;
  }

  .table-actions {
    padding: 12px;
  }

  /* Modal */
  .modal {
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
}

@media (max-width: 480px) {
  .view-switcher {
    font-size: var(--font-size-xs);
  }

  .view-btn {
    padding: 4px 10px;
  }
}