/* Aanvullingen voor inloggen, gebruikers en beheer */
body.auth .navrow, body.auth #monthSel, body.auth #who { display: none !important; }
.auth-box { max-width: 460px; }
.auth-box form { margin-top: 14px; }
.auth-msg { min-height: 1.4em; margin-top: 10px; }
.auth-msg.err, .err { color: var(--bad); }
.inp.code { font-size: 22px; letter-spacing: .3em; font-variant-numeric: tabular-nums; max-width: 220px; }
.mfa-qr { background: #fff; display: inline-block; padding: 10px; border-radius: var(--r-sm); border: 1px solid var(--hair); margin: 8px 0; }
.mfa-qr img { width: 180px; height: 180px; display: block; }
code.secret { word-break: break-all; font-size: 13px; background: var(--bone); padding: 2px 6px; border-radius: 6px; }
.who .btn.link { padding: 0; }
.adm-list .item { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.adm-list .item .grow { flex: 1; min-width: 180px; }
.pill { display: inline-block; font-size: 12px; padding: 1px 8px; border-radius: 99px; background: var(--bone); }
button:disabled { opacity: .6; cursor: default; }