/* معرفتك – صفحات الدخول. Built on marifatech.css tokens (contrast-checked, WCAG 2.2 AA). */
.mt-auth__body{min-height:100vh;display:flex;flex-direction:column}
.mt-auth__skip{position:absolute;inset-inline-start:-9999px}
.mt-auth__skip:focus{inset-inline-start:16px;top:16px;z-index:10;background:var(--surface-card);padding:8px 12px;border-radius:var(--radius-sm)}
.mt-auth__bar{display:flex;align-items:center;min-height:76px;padding-block:12px}
.mt-auth__org{font-size:18px;font-weight:700;color:var(--text-primary)}
.mt-auth__page{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:48px 16px}
.mt-auth__card{width:100%;max-width:440px;padding:32px;display:flex;flex-direction:column;gap:20px}
.mt-auth__title{margin:0;font-size:24px;line-height:36px;font-weight:700}
.mt-auth__who{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;color:var(--text-secondary);font-size:15px}
.mt-auth__who bdi{color:var(--text-primary);font-weight:600}
.mt-auth__group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
.mt-auth__inputgroup{display:flex;gap:8px;align-items:center}
.mt-auth__inputgroup .mt-input{flex:1}
.mt-auth__fielderror{color:var(--status-danger);font-size:14px;line-height:22px}
.mt-input[aria-invalid="true"]{border-color:var(--status-danger)}
.mt-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.mt-auth__options,.mt-auth__settings{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:14px}
.mt-auth__buttons{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.mt-auth__block{width:100%}
input.mt-btn{appearance:none}
.mt-alert--danger{background:var(--status-danger-bg);color:var(--status-danger)}
.mt-alert--error{background:var(--status-danger-bg);color:var(--status-danger)}
.mt-auth__info{border-top:1px solid var(--border-subtle);padding-top:16px;font-size:15px;color:var(--text-secondary)}
.mt-auth__foot{display:flex;justify-content:center;padding:24px 16px 32px}
.mt-auth__hidden{display:none}
.mt-auth__mt{margin-top:16px}

/* Password show/hide toggle: text labels instead of an icon font. */
.mt-auth__reveal{min-width:64px}
.mt-auth__icon-show::before{content:"إظهار";font-style:normal}
.mt-auth__icon-hide::before{content:"إخفاء";font-style:normal}

/* Second-factor setup: numbered steps, readable code, centered QR. */
#kc-totp-settings{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:12px;line-height:26px}
#kc-totp-secret-qr-code{display:block;margin:12px auto;max-width:220px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;padding:8px}
#kc-totp-secret-key{font-family:var(--font-latin);direction:ltr;unicode-bidi:isolate;font-weight:600;word-break:break-all}
#otp,#totp{font-family:var(--font-latin);letter-spacing:4px;text-align:center;direction:ltr}
.mt-auth__otplist{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.mt-auth__otpitem{display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}

@media (max-width:480px){.mt-auth__card{padding:24px 20px}.mt-auth__page{padding-top:24px}}