/* Test-Modus-Banner — full-width oben.
 *
 * SYNC HINT: 1:1-Spiegel von packages/ui/components/test-mode-banner.css.
 * Drei Standorte: packages/ui/components/ (Source), kiosk-web/css/,
 * kitchen-web/css/ (Cross-Origin, beide Subdomains haben keinen
 * packages-Tree). Aenderungen IMMER in allen drei Files.
 *
 * Coral-Akzent dezent: --coral-soft als Hintergrund, --coral-2 als
 * Schrift, --coral als Trennstrich nach unten. Liest die Tokens aus
 * tokens.css — keine hardcoded Werte. */

.test-mode-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--coral-soft);
  color: var(--coral-2);
  border-bottom: 1px solid var(--coral);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 0 16px;
  pointer-events: none;
}