@media (max-width: 860px) {
  .category-create-form {
    grid-template-columns: 1fr;
  }

  .settings-field-narrow input {
    max-width: none;
  }
}

@media (max-width: 1120px) {
  .status-grid,
  .dashboard-metrics-grid,
  .users-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-grid {
    grid-template-columns: 1fr;
  }

  .contact-messages-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .admin-shell {
    display: block;
  }

  .sidebar {
    position: static;
    height: auto;
  }

  .nav-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .main {
    padding: 18px;
  }

  .topbar,
  .panel-head {
    display: grid;
  }

  .topbar-actions {
    justify-content: start;
  }

  .dashboard-kpi-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .user-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-toggle-grid {
    grid-template-columns: 1fr;
  }

  .toolbar-actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .admin-gate-card {
    padding: 20px;
  }

  .nav-list,
  .status-grid,
  .dashboard-metrics-grid,
  .users-stats-grid {
    grid-template-columns: 1fr;
  }

  .topbar-actions,
  .admin-gate-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .topbar-actions button,
  .admin-gate-actions a,
  .admin-gate-actions button {
    width: 100%;
  }

  .capability-row,
  .activity-row,
  .module-row {
    grid-template-columns: 1fr;
  }

  .activity-row time {
    text-align: left;
  }

  .dashboard-meta,
  .dashboard-kpi-list {
    display: grid;
    grid-template-columns: 1fr;
  }

  .user-toolbar,
  .user-list-meta,
  .settings-meta,
  .users-pagination {
    display: grid;
    grid-template-columns: 1fr;
  }

  .toolbar-actions,
  .users-pagination {
    display: grid;
    grid-template-columns: 1fr;
  }

  .user-toolbar button,
  .toolbar-actions button,
  .settings-actions button,
  .users-pagination button {
    width: 100%;
  }

  .settings-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .drawer-meta div {
    grid-template-columns: 1fr;
  }

  .drawer-foot {
    display: grid;
    grid-template-columns: 1fr;
  }
}