/* Bốn màn tài khoản toàn màn hình — BACKLOG-405, chép design/previews/mobile/account-screens.css (duyệt 2026-10-01).
   Ô nhập, nút, chip dùng lại .inp .go .chip .link .err của sheet.css. */
.acctx{position:fixed;top:0;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:430px;background:#07080b;z-index:33;overflow-y:auto;overflow-x:hidden;display:none;scrollbar-width:none;padding-bottom:28px}
.acctx.on{display:block}
.acctx::-webkit-scrollbar{display:none}
.acctx{--tone:#10b981;--tone-soft:rgba(16,185,129,.14);--tone-line:rgba(94,245,195,.35)}
.acctx.t-wait{--tone:#8b919b;--tone-soft:rgba(139,145,155,.14);--tone-line:rgba(139,145,155,.35)}
.acctx.t-rev{--tone:#f4c55a;--tone-soft:rgba(244,197,90,.14);--tone-line:rgba(244,197,90,.4)}
.acctx.t-bad{--tone:#f43f5e;--tone-soft:rgba(244,63,94,.14);--tone-line:rgba(244,63,94,.4)}
.ax-amb{position:absolute;left:0;right:0;top:-120px;height:420px;background:radial-gradient(70% 50% at 50% 40%,var(--tone-soft) 0%,transparent 70%);filter:blur(6px);pointer-events:none}
.ax-h{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;position:sticky;top:0;z-index:4;background:linear-gradient(180deg,#07080b 70%,rgba(7,8,11,0))}
.ax-h .t{font-size:calc(17px * var(--fs));font-weight:700}

/* Đầu màn: ô biểu tượng phát sáng theo màu trạng thái, tiêu đề, một dòng tình trạng. */
.ax-hero{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 22px 4px}
.ax-tile{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid var(--tone-line);box-shadow:0 18px 40px -14px var(--tone),inset 0 1px 0 rgba(255,255,255,.18)}
.ax-tile .duo{width:44px;height:44px;--cut:#121418}
.ax-hero h2{font-size:calc(21px * var(--fs));font-weight:800;margin-top:14px}
.ax-hero p{color:var(--muted);font-size:calc(13.5px * var(--fs));margin-top:4px;max-width:320px}
.ax-pill{display:inline-flex;align-items:center;gap:5px;font-size:calc(12px * var(--fs));font-weight:700;padding:3px 10px;border-radius:99px;background:var(--tone-soft);color:var(--tone);border:1px solid var(--tone-line);white-space:nowrap}
.ax-pill.ok{--tone:#5ef5c3;--tone-soft:rgba(16,185,129,.14);--tone-line:rgba(94,245,195,.35)}
.ax-pill.wait{--tone:#aab0b9;--tone-soft:rgba(139,145,155,.12);--tone-line:rgba(139,145,155,.3)}
.ax-pill.rev{--tone:#f4c55a;--tone-soft:rgba(244,197,90,.12);--tone-line:rgba(244,197,90,.35)}
.ax-pill.bad{--tone:#fb7185;--tone-soft:rgba(244,63,94,.12);--tone-line:rgba(244,63,94,.35)}
.ax-hero .ax-pill{margin-top:10px}

/* Thẻ kính và tiêu đề mục — cùng chất .gnext/.rules của màn VIP. */
.ax-sec{position:relative;z-index:2;margin:22px 0 0}
.ax-sec>h3{font-size:calc(15px * var(--fs));font-weight:800;padding:0 22px;display:flex;justify-content:space-between;align-items:baseline}
.ax-sec>h3 span{font-size:calc(12.5px * var(--fs));color:var(--muted);font-weight:500}
.ax-card{margin:10px 16px 0;padding:14px 16px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);position:relative;z-index:2}
.ax-card.flat{padding:4px 16px}
.ax-card.gap{margin-top:16px}
.ax-card label{display:block;font-size:calc(14.5px * var(--fs));margin:12px 0 7px}
.ax-card label:first-child{margin-top:2px}
.ax-card .inp{background:rgba(0,0,0,.25)}
.ax-card .go{margin-top:14px}
.ax-note{color:var(--muted);font-size:calc(13px * var(--fs));margin-top:10px}
.ax-note b{color:var(--ink);font-weight:600}
.ax-hint{color:var(--muted);font-size:calc(12.5px * var(--fs));margin-top:6px}
.ax-pad{padding:0 22px;position:relative;z-index:2}
.acctx input[type=date]{color-scheme:dark}

/* Dải báo: vì sao màn này mở, lý do từ chối. */
.ax-ban{margin:14px 16px 0;padding:12px 14px;border-radius:16px;display:flex;gap:10px;align-items:flex-start;font-size:calc(13.5px * var(--fs));position:relative;z-index:2;background:rgba(244,197,90,.08);border:1px solid rgba(244,197,90,.28);color:#f3dfae}
.ax-ban .ico{flex:none;width:18px;height:18px;margin-top:2px}
.ax-ban b{color:var(--ink)}
.ax-ban.bad{background:rgba(244,63,94,.08);border-color:rgba(244,63,94,.3);color:#fecdd3}
.ax-ban.ok{background:rgba(16,185,129,.08);border-color:rgba(94,245,195,.28);color:#c6f6e3}
.ax-ban.info{background:rgba(74,140,255,.08);border-color:rgba(110,168,255,.28);color:#cfe0ff}

/* Hàng trong danh sách: ô biểu tượng · chữ · phần bên phải. */
.ax-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}
.ax-row:last-child{border-bottom:0}
.ax-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--panel-2);border:var(--gbd);color:var(--muted)}
.ax-ic.on{color:var(--mint);border-color:rgba(94,245,195,.3);background:rgba(16,185,129,.1)}
.ax-ic .ico{width:19px;height:19px}
.ax-tx{flex:1;min-width:0}
.ax-tx .a{font-weight:600}
.ax-tx .b{color:var(--muted);font-size:calc(12.5px * var(--fs));margin-top:1px;word-break:break-word}
.ax-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.3px}
.ax-sm{height:34px;padding:0 12px;border-radius:11px;font-size:calc(13px * var(--fs));font-weight:600;border:1px solid rgba(244,63,94,.4);color:#fb7185;background:rgba(244,63,94,.07);white-space:nowrap}

/* Đổi mật khẩu: ba điều kiện bật dần thành dấu tích khi gõ. */
.ax-rules{display:flex;flex-direction:column;gap:5px;margin-top:12px;font-size:calc(13px * var(--fs));color:var(--muted)}
.ax-rules span{display:flex;align-items:center;gap:8px}
.ax-rules i{width:16px;height:16px;border-radius:50%;border:1.5px solid #3a3f48;flex:none;display:grid;place-items:center;font-style:normal;font-size:10px}
.ax-rules .ok{color:#c6f6e3}
.ax-rules .ok i{background:#10b981;border-color:#10b981;color:#04120c}
.ax-rules .ok i::before{content:"✓";font-weight:900}

/* Kết quả xong việc: vòng sáng lớn ở giữa màn. */
.ax-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 22px 6px;position:relative;z-index:2}
.ax-done .ring{margin:0;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#3ef0b4,#0d9b6c);box-shadow:0 0 0 8px rgba(16,185,129,.12),0 18px 40px -10px rgba(16,185,129,.9);color:#03150e;font-size:44px;font-weight:900;animation:axpop .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes axpop{from{transform:scale(.5);opacity:0}}
.ax-done h2{font-size:calc(21px * var(--fs));font-weight:800;margin-top:18px}
.ax-done p{color:var(--muted);margin-top:6px;max-width:330px}
.ax-done .go{max-width:320px}

/* Hạn mức: một thẻ mỗi loại, con số lớn, thanh đã dùng hôm nay, nhãn chờ nâng. */
.ax-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 16px 0;position:relative;z-index:2}
.ax-tips div{border-radius:16px;padding:12px 8px 10px;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:calc(11.5px * var(--fs));color:var(--muted)}
.ax-tips b{display:block;font-size:calc(14px * var(--fs));color:var(--ink);margin-bottom:2px}
.ax-tips div:first-child b{color:var(--mint)}
.ax-tips div:nth-child(2) b{color:#f4c55a}
.ax-lim{display:block;width:100%;text-align:left;padding:13px 0;border-bottom:1px solid var(--line)}
.ax-lim:last-child{border-bottom:0}
.ax-lim .ax-lt{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ax-lim .k{font-size:calc(14px * var(--fs));color:#c8ccd3}
.ax-lim .v{font-size:calc(17px * var(--fs));font-weight:800;display:flex;align-items:center;gap:4px;white-space:nowrap}
.ax-lim .v.none{color:var(--muted);font-weight:600;font-size:calc(14.5px * var(--fs))}
.ax-lim .v .ico{width:16px;height:16px;color:var(--muted)}
.ax-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:9px}
.ax-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#34d399,var(--mint));box-shadow:0 0 10px rgba(94,245,195,.6)}
.ax-bar.hot i{background:linear-gradient(90deg,#f4c55a,#fb7185)}
.ax-use{display:flex;justify-content:space-between;font-size:calc(12px * var(--fs));color:var(--muted);margin-top:5px}
.ax-pend{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:calc(12px * var(--fs));color:#f4c55a;background:rgba(244,197,90,.08);border:1px solid rgba(244,197,90,.25);border-radius:10px;padding:3px 9px}
.ax-pend .ico{width:13px;height:13px}
.ax-eff{margin-top:12px;padding:10px 12px;border-radius:14px;font-size:calc(13.5px * var(--fs));background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#c8ccd3;min-height:44px}
.ax-eff.now{border-color:rgba(94,245,195,.3);background:rgba(16,185,129,.07);color:#c6f6e3}
.ax-eff.wait{border-color:rgba(244,197,90,.3);background:rgba(244,197,90,.07);color:#f3dfae}
.ax-eff.bad{border-color:rgba(244,63,94,.3);background:rgba(244,63,94,.07);color:#fecdd3}
.go.red{background:linear-gradient(135deg,#fb7185,#e11d48);color:#fff;box-shadow:0 8px 22px -8px rgba(244,63,94,.8),inset 0 1px 0 rgba(255,255,255,.3)}

/* Xác minh danh tính: ba bước nối bằng một thanh, cùng dáng .track của màn VIP. */
.ax-steps{margin:18px 26px 0;position:relative;display:flex;justify-content:space-between;z-index:2}
.ax-steps::before{content:"";position:absolute;left:42px;right:42px;top:18px;height:3px;border-radius:3px;background:rgba(255,255,255,.08)}
.ax-steps .fill{position:absolute;left:42px;top:18px;height:3px;border-radius:3px;background:linear-gradient(90deg,#34d399,var(--mint));box-shadow:0 0 12px rgba(94,245,195,.7)}
.ax-step{position:relative;z-index:1;width:84px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.ax-step .d{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#15171c;border:1.5px solid rgba(255,255,255,.1);color:#5f6570}
.ax-step .p{font-size:calc(11.5px * var(--fs));font-weight:700;color:#5f6570;line-height:1.25}
.ax-step.on .d{border-color:#5ef5c3;color:#5ef5c3;box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.ax-step.on .p,.ax-step.done .p{color:#c6f6e3}
.ax-step.done .d{background:radial-gradient(circle at 35% 30%,#3ef0b4,#0d9b6c);border-color:#5ef5c3;color:#03150e}
.ax-step.bad .d{border-color:#fb7185;color:#fb7185;box-shadow:0 0 0 4px rgba(244,63,94,.15)}
.ax-step.bad .p{color:#fecdd3}
.ax-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ax-chips .chip{height:auto;min-height:46px;padding:8px 4px;font-size:calc(13.5px * var(--fs));line-height:1.2}
.ax-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}
.ax-doc{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:center;font-size:calc(12px * var(--fs))}
.ax-doc .pic{position:relative;height:96px;border-radius:14px;border:1.5px dashed rgba(255,255,255,.18);background:rgba(0,0,0,.25);display:grid;place-items:center;overflow:hidden;color:var(--muted)}
.ax-doc .pic svg{width:58px;height:58px}
.ax-doc.has .pic{border:1.5px solid rgba(94,245,195,.45);box-shadow:0 10px 24px -14px rgba(16,185,129,.9)}
.ax-doc.pick .pic{border:1.5px solid rgba(244,197,90,.55)}
.ax-doc .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ax-doc.has .pic svg{color:var(--mint)}
.ax-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ax-card label.ax-doc{margin:0;font-size:calc(12px * var(--fs))}
.ax-doc .tag{margin:0;padding:0;letter-spacing:0;position:absolute;right:6px;top:6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;background:#10b981;color:#04120c}
.ax-doc.pick .tag{background:#f4c55a}
.ax-doc .nm{display:block;font-weight:600;color:#c8ccd3;line-height:1.25}
.ax-doc .st{color:var(--muted);font-size:calc(11px * var(--fs))}
.ax-doc .st.miss{color:#fb7185}
.ax-doc .st.sending{color:#f4c55a}
.ax-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:calc(13.5px * var(--fs))}
.ax-kv dt{color:var(--muted)}
.ax-kv dd{text-align:right;font-weight:600}

/* Quên mật khẩu: tám ô mã, một ô nhập trong suốt phủ lên trên để bàn phím và dán chạy bình thường. */
.ax-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
.ax-dots i{width:22px;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.ax-dots i.on{background:var(--mint);box-shadow:0 0 8px rgba(94,245,195,.7)}
.ax-code{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.ax-code span{height:48px;border-radius:12px;display:grid;place-items:center;font:700 calc(20px * var(--fs))/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:rgba(0,0,0,.28);border:var(--gbd)}
.ax-code span.cur{border-color:rgba(94,245,195,.6);box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.ax-code span.bad{border-color:rgba(244,63,94,.55)}
.ax-code input{position:absolute;inset:0;opacity:0;width:100%;font-size:16px;letter-spacing:30px;caret-color:transparent}
.ax-split{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:calc(14px * var(--fs))}
.ax-split .link{width:auto;margin:0}
.ax-split.top0{margin-top:0}
.ax-split .link[aria-disabled=true]{color:var(--muted)}

/* Bảng nhỏ trượt lên bên trong màn này — nằm trên .acctx, dưới .toast. */
.ax-scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);z-index:34;display:none}
.ax-scrim.on{display:block}
.ax-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,105%);width:100%;max-width:430px;max-height:88vh;overflow:auto;background:linear-gradient(180deg,rgba(32,35,42,.96),rgba(16,18,22,.99));backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -30px 60px rgba(0,0,0,.6);border-radius:28px 28px 0 0;z-index:35;transition:transform .22s ease;padding:12px 16px 22px}
.ax-sheet::before{content:"";display:block;width:42px;height:5px;border-radius:9px;background:rgba(255,255,255,.18);margin:0 auto 12px}
.ax-sheet.open{transform:translate(-50%,0)}
.ax-sheet .two{padding:0;margin-top:16px}