/* ---------------------------------------------------------------------------
   openbi.hub — die Anmeldeseite. 10.09.2026.

   WARUM ES DIESE DATEI GIBT. Die Seite /login hat bis heute die Produktvorlage
   `openbicmsunauth` gerendert: ein Bootstrap-Formular mit card, row, col-12, form-control
   und btn btn-primary. In hub.css steht kein Bootstrap und keine dieser Klassen — die
   Felder standen also ohne Abstand, ohne Rahmen und ueber die ganze Breite. Kai am
   10.09.2026: „https://hub.dev.openbi.studio/login da stimmt das CSS nicht."

   Derselbe Weg wie im CRM am 06.09.2026: eine eigene Anmeldevorlage mit eigenen Klassen,
   statt Bootstrap nachzubauen. Die Vorlage heisst `hub-anmelden`.

   DAS <link> STEHT IM RUMPF DER ANMELDESEITE und nicht im Kopf der Huelle: die Huelle
   traegt jede Hubseite, und diese vierzig Zeilen gelten fuer genau eine. Dieselbe
   Begruendung wie beim Carlos-Stylesheet in obsneu-railnav.
   --------------------------------------------------------------------------- */

.hub-anmeldung{
  display:flex;flex-direction:column;gap:14px;
  max-width:360px;margin-top:20px;
}

.hub-anmeldefeld{display:flex;flex-direction:column;gap:6px}

.hub-anmeldefeld > span{
  font-size:12px;font-weight:600;color:var(--hub-tinte-2);
}

.hub-anmeldefeld input{
  font:inherit;font-size:14px;padding:10px 12px;border-radius:8px;
  border:1px solid var(--hub-linie);background:var(--hub-flaeche);color:var(--hub-tinte);
}

.hub-anmeldefeld input:focus{
  outline:none;border-color:var(--hub-cyan);
  box-shadow:0 0 0 3px rgba(0,212,255,.18);
}

/* Der Knopf traegt zusaetzlich hub-btn und hub-btn-ja aus hub.css — hier steht nur,
   dass er nicht die ganze Breite nimmt. */
.hub-anmeldeknopf{align-self:flex-start}

/* openbi:messages bringt seine eigene Klasse mit (alert). Ohne Bootstrap ist das
   sonst ein unauffaelliger Absatz — und eine Fehlermeldung, die niemand sieht, ist
   der Grund, warum jemand dreimal dasselbe Passwort eintippt. */
.hub-anmeldung .alert{
  margin:0;font-size:13px;
  border-left:3px solid var(--hub-pink);padding-left:10px;color:var(--hub-pink);
}