/* 2026-10-26 — Belépés védelme: igazoló e-mail oldalai és a rossz jelszó utáni
   zárolás. A login.css kártyáján belül élő kiegészítések (mintalap:
   dokumentacio/mintalapok/belepes_vedelem_minta.html). */

.bv-ikonkor {
    width: 56px; height: 56px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; margin-bottom: 16px;
    background: #e8f1f9; color: #004777;
}
.bv-ikonkor--ok { background: #e7f4ec; color: #15803d; }
.bv-ikonkor--piros { background: #fdecec; color: #b91c1c; }

.bv-cim {
    background: #f3f4f6; border-radius: 10px; padding: 10px 12px;
    font-weight: 600; margin: 4px 0 6px; display: flex; gap: 8px;
    align-items: center; word-break: break-all;
}
.bv-cim i { color: #9ca3af; }

.bv-lepesek { margin: 12px 0 0; padding: 0; list-style: none; font-size: 13.5px; color: #374151; }
.bv-lepesek li { display: flex; gap: 9px; margin: 7px 0; }
.bv-lepesek li i { color: #004777; margin-top: 3px; width: 14px; }

.bv-uzenet {
    display: flex; gap: 10px; border-radius: 10px; padding: 10px 12px;
    font-size: 13.5px; margin-top: 14px; align-items: flex-start; line-height: 1.45;
}
.bv-uzenet i { margin-top: 3px; }
.bv-uzenet--hiba { background: #fdecec; color: #b91c1c; }
.bv-uzenet--figy { background: #fdf4cf; color: #5c3708; }
.bv-uzenet--info { background: #e8f1f9; color: #00335c; }
.bv-uzenet--ok   { background: #e7f4ec; color: #14532d; }
.bv-uzenet a, .bv-uzenet button.bv-link {
    color: inherit; font-weight: 700; text-decoration: underline; background: none;
    border: 0; padding: 0; font: inherit; cursor: pointer;
}

.bv-halk { color: #6b7280; font-size: 12.5px; margin-top: 14px; line-height: 1.5; }
.bv-halk a { color: #004777; font-weight: 600; }

.bv-visszaszamlalo {
    font-size: 30px; font-weight: 700; font-variant-numeric: tabular-nums;
    color: #b91c1c; margin: 4px 0 2px;
}

.login-button[disabled] { opacity: .6; cursor: not-allowed; }
.bv-masod {
    background: #fff !important; color: #004777 !important;
    border: 1.5px solid #e5e7eb !important; margin-top: 10px;
}

[data-theme="dark"] .bv-cim { background: #1f2937; }
[data-theme="dark"] .bv-lepesek { color: #d1d5db; }

/* 2026-10-26 — SMS-es kétlépcsős belépés beállító oldala */
.bv-lepesjelzo { display: flex; gap: 6px; margin-bottom: 16px; }
.bv-lepesjelzo span { flex: 1; height: 4px; border-radius: 4px; background: #e5e7eb; }
.bv-lepesjelzo span.on { background: #004777; }
.bv-cimke { display: block; font-size: 12.5px; font-weight: 600; color: #374151; margin: 12px 0 5px; }
.bv-telszam { display: flex; gap: 8px; }
.bv-elotag { border: 1.5px solid #e5e7eb; border-radius: 10px; background: #f3f4f6; padding: 9px 12px; font-weight: 600; white-space: nowrap; }
.bv-telszam input, .bv-kodmezo {
    flex: 1; min-width: 0; width: 100%; font: inherit; font-size: 15px; padding: 9px 12px;
    border: 1.5px solid #e5e7eb; border-radius: 10px; background: #f9fafb;
}
.bv-kodmezo { font-size: 22px; letter-spacing: .4em; text-align: center; font-weight: 700; }
.bv-sor { display: flex; justify-content: space-between; margin-top: 12px; font-size: 13px; }
.bv-link { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; color: #004777; cursor: pointer; }
.bv-link[disabled] { color: #6b7280; cursor: default; }
[data-theme="dark"] .bv-elotag { background: #1f2937; }