/*
 * Shell-Styles im Light DOM. Regeln:
 *  · NotionKit liefert Rahmen und Komponenten (Klassen nk-*, Elemente <nk-*>).
 *  · <nk-*>-Hosts nie direkt stylen — sie sind display:contents. Abstände auf eigene Hüllen.
 *  · Farben nur über --nk-*-Tokens, nie als Hex. Marke: /shared/brand.css.
 *  · Views rendern im Shadow DOM; dort gelten nur <nk-*> und die durchdringenden Tokens.
 */

.aux-view {
  display: contents;
}

/* Views sind Custom Elements; als display:contents bleibt ihr Inhalt Flex-Kind von .nk-main. */
.aux-view > * {
  display: contents;
}

/* Ohne Sitzung zeigt die Shell nur die Anmeldung: Seitenleiste, Topbar und Tab-Bar weg.
   display:none auf den Hosts ist hier richtig — es geht ums Ausblenden, nicht ums Stylen. */
body.aux-auth nk-sidebar,
body.aux-auth nk-topbar,
body.aux-auth nk-tab-bar {
  display: none;
}

/* Meldung statt View (Server nicht erreichbar): eine Box mit Abstand statt display:contents. */
.aux-view > .aux-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 24px 28px;
}

/* Sanfte Überblendung beim Ansichtswechsel, ohne Bewegung für alle, die das nicht wollen. */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}