/* Kundenportal -- schlanker Aufbau auf shared/tokens.css. Keine eigene Kopie gemeinsamer
   Bausteine (Bauregel: Änderungen am Aussehen gehören in tokens.css); hier stehen nur die paar
   Dinge, die es sonst nirgends im Stack gibt (Kundenlogo neben dem eigenen, schmalere Seite). */
:root {
  --page-max: 760px;
}

.brand {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.brand-logo {
  height: 28px;
  max-width: 120px;
  object-fit: contain;
}
.customer-name {
  font-weight: var(--fw-semibold);
  color: var(--text);
}
.app-header nav {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

/* Kein style="" in der Auszeichnung -- die CSP dieser App hat bewusst kein unsafe-inline in
   style-src (Spec §6.1), ein Inline-Attribut würde die Browser-Konsole nur stillschweigend
   verwerfen. */
.card-narrow { max-width: 420px; }
.field-narrow { max-width: 220px; }
.pre-wrap { white-space: pre-wrap; }

/* Datenschutz-Link im Fuss (Bugfix 2026-09-24): footer.js blendet ihn nur ein, wenn die
   Unternehmensdaten eine URL hinterlegt haben -- sonst bleibt kein leerer Fuss stehen. */
.app-footer {
  margin-top: var(--space-6);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border);
  text-align: center;
}
.app-footer a { color: var(--muted); font-size: var(--fs-sm); }
.app-footer a:hover { color: var(--accent); }