/* Strony konta (C18): logowanie i aktywacja. Ta sama paleta co okno zespołu (style.css), układ jednej karty. */
.konto-strona { min-height: 100vh; display: grid; place-items: center; margin: 0; background: var(--papier); }
.konto { display: block; width: 100%; max-width: 440px; box-sizing: border-box; padding: 24px 16px 48px; }
.konto .znak-cfg { display: block; width: fit-content; font-weight: 700; font-size: 18px; color: var(--atrament); text-decoration: none; }
.konto .karta { background: var(--biel); border: 1px solid var(--linia); border-radius: 14px; padding: 24px; margin-top: 14px; }
.konto h1 { font-family: var(--serif); font-weight: 400; font-size: 30px; line-height: 1.15; margin: 0 0 8px; }
.konto p { margin: 6px 0; color: var(--atrament-2); }
.konto label { display: block; font-weight: 600; font-size: 14px; margin: 16px 0 6px; color: var(--atrament); }
.konto input[type=email], .konto input[type=text] { width: 100%; box-sizing: border-box; min-height: 46px; padding: 0 14px;
  border: 1px solid var(--linia-2); border-radius: 10px; font: 16px var(--sans); background: var(--biel); color: var(--atrament); }
.konto input.kod { letter-spacing: .3em; font-variant-numeric: tabular-nums; font-size: 20px; }
.konto input:focus-visible { outline: 2px solid var(--zloto-ciemne); outline-offset: 1px; }
.konto button, .konto a.przycisk { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 46px;
  margin-top: 18px; border: 0; border-radius: 10px; background: var(--atrament); color: var(--biel); font: 600 15px var(--sans);
  cursor: pointer; text-decoration: none; }
.konto button.cichy { background: none; color: var(--atrament); border: 1px solid var(--linia-2); width: auto; padding: 0 16px; margin-top: 10px; }
.konto button:disabled { opacity: .45; cursor: not-allowed; }
.konto .blad { color: var(--blok); font-size: 14px; min-height: 1.4em; margin-top: 10px; }
.konto .drobne { font-size: 13.5px; }
.konto .qr { display: grid; place-items: center; margin: 14px 0 6px; }
.konto .qr svg { width: 200px; height: 200px; }
.konto code.sekret { display: block; padding: 10px 12px; background: var(--papier); border-radius: 8px; font-size: 15px;
  letter-spacing: .08em; word-break: break-all; }
.konto ol.kody { columns: 2; padding-left: 22px; margin: 12px 0; font: 600 16px ui-monospace, monospace; }
.konto .zgoda { display: flex; gap: 8px; align-items: center; margin-top: 14px; font-weight: 500; }
.konto .zgoda input { width: 18px; height: 18px; accent-color: var(--atrament); }
.konto [hidden] { display: none !important; }
.konto ul.klucze { list-style: none; padding: 0; margin: 14px 0; }
.konto ul.klucze li { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 12px 0;
  border-top: 1px solid var(--linia); }
.konto ul.klucze li:last-child { border-bottom: 1px solid var(--linia); }
.konto ul.klucze .opis { display: grid; gap: 2px; min-width: 0; }
.konto ul.klucze .opis span { font-size: 13.5px; color: var(--atrament-2); }
.konto ul.klucze button.cichy { margin-top: 0; flex: none; }
.konto .drugi-krok { margin-top: 12px; }