/* Inlogformulier met e-mailcode: /beheer/login/ (bestuur) en /leden/login/ (leden). Grote velden en knoppen. */
.inlog{max-width:560px}
.inlog p{font-size:18px;line-height:1.6}
.inlog-veld{display:flex;flex-direction:column;gap:8px;margin:24px 0}
.inlog-veld label{font-size:19px;font-weight:600;color:var(--petrol)}
.inlog-veld input{font:inherit;font-size:20px;padding:14px 16px;border:2px solid #7b9a9d;border-radius:12px;background:#fff;color:#1d2b2e;width:100%;box-sizing:border-box}
.inlog-veld input:focus{outline:4px solid var(--oranje);outline-offset:1px;border-color:var(--petrol)}
.inlog [name=code]{letter-spacing:.3em;font-size:26px;max-width:12ch}
.inlog-knop{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:12px;border:2px solid var(--oranje);background:var(--oranje);color:var(--petrol);font:inherit;font-size:19px;font-weight:600;cursor:pointer}
.inlog-knop:focus-visible,.inlog-link:focus-visible{outline:4px solid var(--petrol);outline-offset:3px}
.inlog-knop:disabled{opacity:.6;cursor:wait}
.inlog-link{font:inherit;font-size:17px;background:none;border:0;padding:0;color:var(--teal-d);text-decoration:underline;cursor:pointer;margin-left:16px}
.inlog-status{font-size:18px;font-weight:600;padding:16px 18px;border-radius:12px;background:var(--mint);color:var(--petrol);margin:20px 0 0}
.inlog-status:empty{display:none}
.inlog-status.fout{background:#fff1e6;color:#8a3a00}