/* Mobile-Haertung des Dashboard-Chrome (Build 481) — gilt fuer alle Bereiche
   (chat/projekte/kalender/status), weil Kopfzeile + Bottom-Nav ueberall sichtbar sind.
   Zweck: (1) Die kompakten Kopf-Icons (Hamburger, Einstellungs-Zahnrad) sind visuell
     nur 34/24px gross — zu klein fuer zuverlaessiges Tippen. Statt die schlanke 42px-
     Kopfzeile zu vergroessern (wuerde die Optik brechen), wird die TAST-FLAECHE per
     transparentem ::after auf 44x44px erweitert (Apple-HIG, Auftrags-Pflicht), ohne
     das sichtbare Chrome zu veraendern. (2) Safe-Area-Insets fuer die Kopfzeile, damit
     auf Notch-Geraeten in Landscape nichts unter der Kamera-Insel verschwindet.
   Kontext: In index.html nach dem Panel-Bundle geladen (gewinnt bei Gleichstand).
   Erstellt: 2026-10-06, Auftrag #481 (Atlas Mobile). */

@media (max-width: 768px) {
  /* ── Safe-Area fuer die feste Kopfzeile ── */
  #atlas-persistent-header {
    padding-left: max(10px, env(safe-area-inset-left));
    padding-right: max(10px, env(safe-area-inset-right));
  }

  /* ── 44px-Tast-Flaeche fuer die kompakten Kopf-Icons ──
     ::after ist Teil des Buttons -> ein Tap darauf zaehlt als Button-Klick;
     transparent, daher keine optische Aenderung. */
  #aph-hamburger,
  #atlas-settings-gear-m {
    position: relative;
  }

  #aph-hamburger::after,
  #atlas-settings-gear-m::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}