/* Trang đăng nhập, mật khẩu, xác thực hai lớp — bộ chuẩn docs/thiet-ke/xac-thuc. Dùng biến màu của web.css. */
body.xt{min-height:100vh;display:flex;flex-direction:column;background:var(--nen)}
.xt-dau{display:flex;align-items:center;padding:14px 24px;background:var(--the);border-bottom:1px solid var(--vien)}
.xt-logo{display:flex;align-items:center;gap:12px;color:var(--chu);text-decoration:none}
.xt-logo img{border-radius:8px}
.xt-chu-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--chinh);color:#fff;font-weight:700;font-size:13px}
.xt-logo b{display:block;font-size:15px;color:var(--chinh)} .xt-logo small{display:block;font-size:12px;color:var(--phu)}
.xt-than{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}
.xt-the{width:100%;max-width:440px;background:var(--the);border:1px solid var(--vien);border-radius:12px;padding:28px;box-shadow:0 8px 24px rgba(27,36,33,.06);display:flex;flex-direction:column;gap:14px}
.xt-the.rong{max-width:640px}
.xt-ve{width:100%;max-width:640px;margin:0 0 8px}
.xt-tieu-de{font-size:26px;line-height:34px}
.xt-tieu-de-phu{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--phu);margin-top:4px}
.xt-mo-ta{color:var(--phu);font-size:14px}
.xt-form{display:flex;flex-direction:column;gap:14px}
.xt-truong{display:flex;flex-direction:column;gap:4px}
.xt-truong label{margin:0}
.xt-truong input:not([type=checkbox]):not([type=radio]){min-height:44px;font-size:15px}
.xt-truong.chon{flex-direction:row;align-items:center;gap:8px}
.xt-truong.chon label{font-weight:400}
.xt-truong .errorlist,.xt-form>ul.errorlist,.xt-the>ul.errorlist{list-style:none;margin:0;padding:8px 12px;border-radius:6px;background:var(--loi-nen);border:1px solid var(--loi-vien);color:var(--loi);font-size:13px}
.xt-truong.co-loi input{border-color:var(--loi)}
.xt-nhom-nut{display:flex;flex-wrap:wrap;gap:8px}
.xt-nhom-nut.doc{flex-direction:column}
.xt-nhom-nut.doc>.nut{width:100%}
.nut.lon{min-height:46px;font-size:15px}
.xt-lien-ket{background:none;border:0;padding:4px 0;color:var(--chinh);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;align-self:center}
.xt-lien-ket:hover{text-decoration:underline}
.xt-quen{margin:-6px 0 0;text-align:right;font-size:13px}
.xt-quen a{font-weight:600;text-decoration:none}
.xt-hoac{display:flex;align-items:center;gap:12px;color:var(--mo);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.xt-hoac::before,.xt-hoac::after{content:"";flex:1;height:1px;background:var(--vien)}
.xt-bao{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:8px;background:var(--nen);color:var(--phu);font-size:13px;margin:0}
.xt-bao .icon{flex:0 0 18px;width:18px;height:18px}
.xt-bao.loi{background:var(--loi-nen);color:var(--loi);border:1px solid var(--loi-vien)}
.xt-bao p{margin:0}
.xt-khung{border:1px solid var(--vien);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}
.xt-khung .xt-tieu-de-phu{margin:0}
.xt-qr{align-self:center;border:1px solid var(--vien);border-radius:8px;padding:8px;background:#fff}
.xt-bi-mat{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
/* ô mã 6 số: chữ lớn, giãn cách, canh giữa */
.xt-form input[name=code],.xt-form input[autocomplete=one-time-code]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px!important;letter-spacing:.4em;text-align:center}
/* mã khôi phục */
.xt-the pre,.xt-the textarea[readonly]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:28px;background:var(--nen);border:1px solid var(--vien);border-radius:8px;padding:12px;white-space:pre-wrap}
/* nút ẩn/hiện mật khẩu (xac-thuc.js) */
.xt-mat-khau{position:relative;display:block}
.xt-mat-khau input{width:100%;padding-right:46px!important}
.xt-mat-khau button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:none;color:var(--phu);cursor:pointer;border-radius:6px;font-size:12px;font-weight:600}
.xt-mat-khau button:hover{background:var(--nen);color:var(--chinh)}
/* đăng nhập: chia đôi */
.xt-chia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:1040px;background:var(--the);border:1px solid var(--vien);border-radius:14px;overflow:hidden;box-shadow:0 12px 32px rgba(27,36,33,.08)}
.xt-chia .xt-the{max-width:none;border:0;border-radius:0;box-shadow:none;padding:40px}
.xt-gioi-thieu{background:linear-gradient(160deg,var(--chinh) 0%,#165337 55%,#2E7D57 100%);color:#fff;padding:40px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.xt-gioi-thieu::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-40px;height:180px;background:repeating-radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.10) 0 2px,transparent 2px 18px);opacity:.9}
.xt-gioi-thieu h2{font-size:26px;line-height:34px;color:#fff}
.xt-gioi-thieu p{color:rgba(255,255,255,.85)}
.xt-nhan-nho{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.xt-gioi-thieu ul{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}
.xt-gioi-thieu li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.12);font-weight:500}
.xt-chan{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 24px;border-top:1px solid var(--vien);background:var(--the);font-size:12px;color:var(--phu)}
@media (max-width:860px){.xt-chia{grid-template-columns:1fr;max-width:480px}.xt-gioi-thieu{display:none}.xt-chia .xt-the{padding:24px}}
@media (max-width:520px){.xt-than{padding:16px 12px;justify-content:flex-start}.xt-the{padding:20px}.xt-dau,.xt-chan{padding:12px 16px}.nut{min-height:48px}}
.xt-dong{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.xt-dong .xt-quen{margin:0}
.xt-truong small.goi-y a{font-weight:600}