/* Hộp Cài đặt tài khoản */
/* ----- cài đặt tài khoản ----- */
dialog.wide { width:min(920px, calc(100vw - 24px)); }
.x { width:36px; height:36px; border:0; border-radius:8px; background:none; color:var(--danger); font-size:28px; line-height:1; }
.x:hover { background:var(--danger-050); }
.tabs { display:flex; gap:28px; padding:0 22px; border-bottom:1px solid var(--border); overflow-x:auto; scrollbar-width:none; }
#acc-tabs { gap:20px; }
.tab { padding:15px 0 13px; border:0; border-bottom:2px solid transparent; background:none; color:var(--text-3); font-size:15px; font-weight:500; white-space:nowrap; }
.tab:hover { color:var(--text-2); }
.tab[aria-selected="true"] { color:var(--primary); border-bottom-color:var(--primary); }
.acc-pane { display:grid; gap:20px; align-content:start; min-height:400px; padding:6px 4px 10px; }
.acc-id { display:flex; gap:14px; align-items:center; }
.av-links { display:flex; gap:14px; margin-top:6px; }
.av-links button { border:0; background:none; padding:0; color:var(--primary); font-size:13.5px; cursor:pointer; }
.av-links button:hover { text-decoration:underline; }
.acc-meta { font-size:14px; color:var(--text); }
.acc-meta b { font-weight:500; color:var(--warning-ink); }
.set-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:center; }
.set-row .lab b { display:block; font-size:15px; font-weight:500; }
.set-row .lab i { font-size:13px; color:var(--text-3); }
.in-btn { display:flex; gap:8px; }
.swatches { display:flex; flex-wrap:wrap; gap:12px; }
.sw { width:34px; height:34px; border:0; border-radius:50%; background:var(--c); color:#fff; font-size:16px; font-weight:700; line-height:1; }
.sw[aria-pressed="true"] { box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--c); }
.sw[aria-pressed="true"]::after { content:"✓"; }
.card { border:1px solid var(--border); border-radius:10px; box-shadow:var(--shadow-sm); background:var(--surface); }
.card-row { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; padding:14px 16px; border-bottom:1px solid var(--border); }
.card-row:last-child { border-bottom:0; }
.card-row > svg { width:22px; height:22px; flex:none; color:var(--icon); }
.card-row .grow { flex:1; min-width:180px; }
.card-row .grow b { font-weight:500; font-size:15px; }
.otp-key { font:600 16px/1.6 ui-monospace, Consolas, monospace; letter-spacing:.08em; background:var(--surface-2); border:1px dashed var(--border-2); border-radius:8px; padding:8px 12px; overflow-wrap:anywhere; user-select:all; }
@media (max-width:640px) { .set-row { grid-template-columns:minmax(0,1fr); } .tabs { gap:18px; padding:0 14px; } }