/* LubaSites - nur was über luba.css hinausgeht. Die Tokens und Bausteine
 * kommen unverändert aus setup/styles/luba/luba.css (nginx liefert die
 * Datei von dort aus, es gibt keine Kopie). */

main { max-width: 1080px; }
@media (min-width: 920px) { main { padding-top: 30px; } }

.zahl { margin: 14px 0 22px; color: var(--ink-3); font-size: 13px; }
@media (min-width: 920px) { .zahl { margin-top: 0; } }

/* Eine Seite = eine Zeile: die ganze Fläche ist der Link, rechts Status und
   "Link kopieren". Mindestens 52px hoch, am Daumen gut zu treffen. */
.rows > .row.seite { align-items: center; padding: 0; gap: 4px; }
.seite > a { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; min-height: 56px;
  padding: 8px 0; text-decoration: none; }
.seite > a:hover .t { text-decoration: underline; text-decoration-color: var(--line-2); text-underline-offset: 3px; }
.seite .s { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.seite .sev { margin-left: auto; flex: none; }
.seite .ib { margin-right: -10px; width: 44px; height: 44px; }
.seite.laedt { opacity: .55; }

.leer { color: var(--ink-3); padding: 12px 0; }

.meldung-unten { position: fixed; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 22px); transform: translateX(-50%);
  background: var(--ink); color: var(--on-ink); padding: 9px 14px; border-radius: var(--r-s); font-size: 13px;
  font-weight: 600; z-index: 60; box-shadow: 0 6px 20px var(--shadow); }

/* Anmeldung */
.login-mitte { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: 24px var(--pad); }
.login-karte { width: 100%; max-width: 340px; display: flex; flex-direction: column; gap: 14px; }
.login-karte .marke { margin: 0 0 10px; font-size: 20px; }
.login-karte .marke img { width: 30px; height: 30px; }
.feld { display: flex; flex-direction: column; gap: 5px; font-size: 12px; color: var(--ink-2); font-weight: 600; }
.feld input { font: inherit; font-size: 16px; font-weight: 400; color: var(--ink); background: var(--bg); min-height: 44px;
  padding: 0 12px; border: 1px solid var(--line-2); border-radius: var(--r-s); }
.feld input:focus { outline: 2px solid var(--c-1); outline-offset: 1px; }
.login-karte .knopf { justify-content: center; min-height: 44px; margin-top: 6px; }
.meldung { color: var(--bad); font-size: 13px; }