/* Vizit — auth pages (login / register). */
.auth { min-height: 100vh; background: #FBFBF9; font-family: 'Satoshi', sans-serif; color: #101418; display: flex; align-items: center; justify-content: center; padding: 32px 20px; }
.auth__box { width: 100%; max-width: 400px; }
.auth__brandwrap { text-align: center; margin-bottom: 26px; }
.auth__brand { text-decoration: none; display: inline-flex; align-items: center; gap: 9px; font-family: 'General Sans', sans-serif; font-weight: 700; font-size: 22px; color: #101418; }
.auth__mark { width: 28px; height: 28px; border-radius: 7px; background: #FF4A1C; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; }
.auth__card { background: #fff; border: 1px solid #EAE9E4; border-radius: 20px; padding: 32px; box-shadow: 0 1px 3px rgba(16,20,24,.05); }
.auth__title { font-family: 'General Sans', sans-serif; font-weight: 700; font-size: 23px; margin: 0 0 4px; text-align: center; }
.auth__sub { margin: 0 0 24px; font-size: 14px; color: #6b7280; text-align: center; }
.auth__form { display: flex; flex-direction: column; gap: 16px; }
.auth__error { background: #FEF2F2; border: 1px solid #FECACA; color: #B91C1C; font-size: 13px; font-weight: 500; padding: 11px 13px; border-radius: 11px; }
.auth__status { background: #ECFDF5; border: 1px solid #A7F3D0; color: #047857; font-size: 13px; font-weight: 500; padding: 11px 13px; border-radius: 11px; }
.auth__label { display: block; font-size: 12.5px; font-weight: 600; color: #5b5750; }
.auth__input { display: block; width: 100%; margin-top: 6px; border: 1px solid #E1E0DA; border-radius: 11px; padding: 12px 14px; font-size: 14px; background: #fff; color: #101418; }
.auth__input.is-error { border-color: #FCA5A5; }
.auth__fielderr { display: block; margin-top: 5px; font-size: 12px; color: #B91C1C; font-weight: 500; }
.auth__row { display: flex; justify-content: space-between; align-items: center; }
.auth__forgot { font-weight: 500; color: #FF4A1C; text-decoration: none; font-size: 12px; }
.auth__check { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #5b5750; cursor: pointer; }
.auth__checkbox { width: 15px; height: 15px; accent-color: #FF4A1C; }
.auth__submit { margin-top: 4px; width: 100%; background: #FF4A1C; color: #fff; border: none; border-radius: 12px; padding: 14px; font-weight: 700; font-size: 15px; cursor: pointer; }
.auth__foot { text-align: center; margin-top: 20px; font-size: 14px; color: #6b7280; }
.auth__footlink { color: #FF4A1C; font-weight: 600; text-decoration: none; }
.auth__prefixwrap { display: flex; align-items: center; margin-top: 6px; border: 1px solid #E1E0DA; border-radius: 11px; overflow: hidden; background: #fff; }
.auth__prefixwrap.is-error { border-color: #FCA5A5; }
.auth__prefix { padding: 12px 4px 12px 14px; font-size: 14px; color: #9a968d; }
.auth__prefixinput { flex: 1; border: none; outline: none; padding: 12px 14px 12px 0; font-size: 14px; background: #fff; color: #101418; }