/* ---------------------------------
   ADMIN PAGE — Responsive
   Ab 900px: seitliche Bereichsnavigation. Darunter: Tabs statt Sidebar.
   Die Nutzer-Detailansicht ist in beiden Fällen ein Modal (siehe
   users-tool/confirm-dialog.css), braucht also keinen Ansichtswechsel und
   keinen eigenen Zurück-Button mehr.
   --------------------------------- */
@media (max-width: 899px) {
  .admin-page-body {
    flex-direction: column;
    gap: var(--spacing-lg);
  }

  .admin-nav {
    flex-direction: row;
    width: 100%;
    gap: var(--spacing-xs);
    overflow-x: auto;
  }

  .admin-nav-item {
    flex: 1 1 auto;
    justify-content: center;
    white-space: nowrap;
  }
}

@media (max-width: 640px) {
  .admin-page-header-row {
    flex-wrap: wrap;
  }
}