/* Broniarz - ekrany kont: 2FA (QR, sekret), kody zapasowe, dziennik logowań. Kolejność ładowania: motyw, baza, formularze, komponenty/*, pomocnicze. */

.qr { display: block; margin: 0 auto var(--odstep); padding: 12px; background: #fff; border-radius: var(--promien); max-width: 240px; }
.qr svg, .qr img { display: block; width: 100%; height: auto; }
.sekret {
  display: block; padding: 10px 12px; border-radius: 8px; background: var(--tlo-3);
  font-family: ui-monospace, Menlo, monospace; font-size: 1rem; letter-spacing: .08em; word-break: break-all; user-select: all;
}
.kody {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 0; list-style: none;
  font-family: ui-monospace, Menlo, monospace; font-size: 1.05rem;
}
.kody > * { padding: 8px; text-align: center; background: var(--tlo-3); border-radius: 8px; }
.zle td, tr.zle, li.zle { color: var(--blad); }

/* Logowanie (układ Seby 10.10): formularz, „Nie pamiętam hasła”, a na dole na środku odcisk palca. */
.logowanie-link { margin: 14px 0 0; text-align: center; font-size: .95rem; }
.logowanie-palec { display: grid; justify-items: center; gap: 12px; margin-top: 24px; }
.logowanie-palec[hidden] { display: none; }      /* display: grid przebija sam atrybut hidden */
.logowanie-palec .przycisk { width: 100%; }
.logowanie-albo { display: flex; align-items: center; gap: 12px; width: 100%; color: var(--tekst-2); font-size: .85rem; }
.logowanie-albo::before, .logowanie-albo::after { content: ""; flex: 1; border-top: 1px solid var(--ramka); }
.logowanie-stopka { margin-top: 24px; text-align: center; }

/* Strzelcy na koncie: wiersz zwinięty (imię + co dzieli), „Zmień” rozwija imię, wspólną szafę i usuwanie. */
.strzelcy > li { display: block; }
.strzelec-edycja > summary { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; }
.strzelec-edycja > summary::-webkit-details-marker { display: none; }
.strzelec-edycja[open] > summary .przycisk { border-color: var(--akcent); }
.strzelec-edycja > .formularz { margin-top: 12px; }
