/* =========================================================================
   Fıstıklık — Responsive rules (desktop / tablet / mobile)
   ========================================================================= */

@media (max-width: 1024px) {
  :root { --sidebar-w: 230px; }
  .content { padding: 22px 20px; }
  .topbar { padding: 16px 20px; }
}

/* Tablet & mobile: collapsible sidebar */
@media (max-width: 860px) {
  .sidebar {
    transform: translateX(-105%);
    box-shadow: var(--shadow);
  }
  .sidebar.open { transform: translateX(0); }
  .sidebar-backdrop.show { display: block; }
  .main { margin-left: 0; }
  .hamburger { display: grid; place-items: center; }
  .topbar { position: sticky; top: 0; }
  .topbar h1 { font-size: 1.1rem; }
  .form-row { grid-template-columns: 1fr; }
  .search-box input { min-width: 160px; }
}

@media (max-width: 560px) {
  .content { padding: 16px 14px; }
  .stat-card { padding: 18px; }
  .stat-card .val { font-size: 1.6rem; }
  .section-head { align-items: flex-start; }
  .admin-chip .chip-name { display: none; }
  .modal-footer { flex-direction: column-reverse; }
  .modal-footer .btn { width: 100%; justify-content: center; }
  .filter-bar { width: 100%; }
  .filter-bar > * { flex: 1; }
  .emp-hero { flex-direction: column; text-align: center; }
  .toast-wrap { left: 14px; right: 14px; top: 14px; }
  .toast { min-width: unset; width: 100%; }
  .btn .btn-text-hide { display: none; }
}

/* touch: bigger tap targets */
@media (hover: none) and (pointer: coarse) {
  .nav-link { padding: 14px; }
  .btn { padding: 13px 18px; }
}