/*
 * Shell-Styles im Light DOM.
 *  · NotionKit liefert Rahmen und Komponenten (nk-*). <nk-*>-Hosts nie direkt stylen.
 *  · Farben nur über --nk-*-Tokens. Marke: /shared/brand.css.
 *  · Views rendern im Shadow DOM; dort gelten <nk-*> und die durchdringenden Tokens.
 */

.lh-view { display: contents; }
.lh-view > * { display: contents; }

/* Ohne Sitzung zeigt die Shell nur die Anmeldung. */
body.lh-auth nk-sidebar,
body.lh-auth nk-topbar,
body.lh-auth nk-tab-bar { display: none; }

.lh-view > .lh-message {
  display: flex; flex-direction: column; align-items: flex-start; gap: 12px;
  padding: 24px max(28px, env(safe-area-inset-right, 0px)) 24px max(28px, env(safe-area-inset-left, 0px));
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}

.lh-ws-logo { display: block; width: 20px; height: 20px; border-radius: 5px; flex: none; }