/* 계정 목록 개편 AL (Claude · 2026-10-04 · 사장님 「계정목록 이대로 진행」) — 포인통 · 포인파이 같은 바이트 · 앱 색 이름(토큰)만 쓴다 */

/* ⓪ 연결된 지갑(주소 표시줄을 누르면 먼저 뜨는 창) — 「계정 1」 줄 지움 · 「연결된 지갑 ⌄」 왼쪽 · 주소는 그 아래 가운데 */
#acctSheet:not(.au-on) #acctName{display:none}
#acctSheet:not(.au-on) .modal>small#acctTitle{text-align:left;margin:4px 44px 0 0;font-size:15px}
#acctSheet:not(.au-on) #acctShowAll{justify-content:flex-start;margin:-4px 44px 0 -10px;font-size:15px}
#acctSheet:not(.au-on) #acctAddr{text-align:center;margin:14px 0 18px;font-size:23px;letter-spacing:-.2px}   /* 10-04 밤 사장님 「연결된 지갑 아래 주소는 가운데 정렬」 */

/* ① ~ ④ — 목록 창일 때는 옛 칸을 가리고 새 칸(.au)만 보인다. 옛 칸(acctAdd · acctImport · acctOut …)은 DOM 에 그대로 남아 앱이 부른다 */
#acctSheet .au{display:none}
#acctSheet.au-on{place-items:end center;padding:0}
#acctSheet.au-on>.modal{display:flex;flex-direction:column;width:min(480px,100%);height:min(88vh,780px);height:min(88dvh,780px);
  max-height:none;padding:0;overflow:hidden;border-radius:22px 22px 0 0;border-bottom:0}
@media (min-width:720px){
  #acctSheet.au-on{place-items:center;padding:18px}
  #acctSheet.au-on>.modal{border-radius:20px;border-bottom:1px solid var(--line)}
}
#acctSheet.au-on>.modal>:not(.au){display:none !important}
#acctSheet.au-on .au{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;position:relative}
#acctSheet .au svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

#acctSheet .au-head{display:grid;grid-template-columns:40px minmax(0,1fr) 40px 40px;align-items:center;gap:2px;padding:14px 10px 10px}
#acctSheet .au-head h2{grid-column:2;margin:0;text-align:center;font-size:19px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#acctSheet .au-head.back{grid-template-columns:40px minmax(0,1fr);border-bottom:1px solid var(--line);padding:12px 10px}
#acctSheet .au-head.back h2{text-align:left}
#acctSheet .au-ic{display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:10px;
  background:transparent;color:var(--txt);cursor:pointer}
#acctSheet .au-ic svg{width:22px;height:22px}
#acctSheet .au-ic.sm{width:30px;height:30px;color:var(--sub)}
#acctSheet .au-ic.sm svg{width:17px;height:17px}
#acctSheet .au-ic:focus-visible,#acctSheet .au-card:focus-visible,#acctSheet .au-ad:focus-visible,#acctSheet .au-edit:focus-visible,#acctSheet .au-item:focus-visible{outline:2px solid var(--key);outline-offset:2px}

#acctSheet .au-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 16px 14px;display:flex;flex-direction:column;gap:10px}
#acctSheet .au-sec{margin:8px 0 0;font-size:15px;font-weight:800;color:var(--txt)}
#acctSheet .au-foot{flex:none;display:flex;flex-direction:column;gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card)}
#acctSheet .au-foot .primary,#acctSheet .au-foot .outline{margin:0;min-height:50px;font-size:16px}

/* 카드 — 왼쪽 이름 · 주소 ⧉ / 오른쪽 위 표(가져온 계정 · 동의) · 아래 ₩ (사장님 「금액을 밑으로 그 위에 동의」) · 흐리게 하는 것 없음 */
#acctSheet .au-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px;
  border:1px solid var(--line);border-radius:14px;background:var(--card2);color:var(--txt);text-align:left;cursor:pointer}
#acctSheet .au-card:hover{border-color:var(--edge-blue-hi)}
#acctSheet .au-card.on{border-color:var(--key);box-shadow:inset 0 0 0 1px var(--key)}
#acctSheet .au-nm{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
#acctSheet .au-nm b{max-width:100%;font-size:15.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#acctSheet .au-ad{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin:0;padding:3px 0;border:0;background:transparent;
  color:var(--sub);font-family:ui-monospace,monospace;font-size:12.5px;cursor:pointer;white-space:nowrap}
#acctSheet .au-ad>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#acctSheet .au-ad .au-cpi{flex:none;width:14px;height:14px;opacity:.8}
#acctSheet .au-ad.copied{color:var(--key-txt)}
#acctSheet .au-rt{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:0}
#acctSheet .au-top{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
#acctSheet .au-card.manage .au-top{max-width:164px}
#acctSheet .au-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;min-width:0}
#acctSheet .au-tags:empty{display:none}
#acctSheet .au-edit{flex:none;margin:0;padding:3px 7px;min-height:24px;border:1px solid var(--line);border-radius:7px;
  background:transparent;color:var(--txt);font:inherit;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer}
#acctSheet .au-edit:hover{border-color:var(--key);color:var(--key)}
#acctSheet .au-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--fg-a-08);color:var(--sub);white-space:nowrap}
#acctSheet .au-pill.off{opacity:.6}
#acctSheet .au .rg{font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;border:1px solid var(--line);color:var(--dim);white-space:nowrap}
#acctSheet .au .rg.yes{color:var(--bid);border-color:var(--bid)}
#acctSheet .au .rg.no{color:var(--gold);border-color:var(--gold)}
#acctSheet .au-amt{font-size:15px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}

/* ③ 계정 상세 */
#acctSheet .au-dcard{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
#acctSheet .au-dcard .au-nl{display:flex;align-items:center;gap:4px;max-width:100%;min-width:0}
#acctSheet .au-dcard .au-nl b{font-size:19px;font-weight:900}
#acctSheet .au-dcard .au-rt{margin-top:6px}
#acctSheet .au-dcard .au-amt{font-size:22px;font-weight:900}
#acctSheet .au-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;margin:0;padding:14px 16px;
  border:1px solid var(--line);border-radius:14px;background:var(--card2);color:var(--txt);font:inherit;font-size:15.5px;font-weight:700;text-align:left;cursor:pointer}
#acctSheet .au-item small{display:block;margin-top:4px;color:var(--sub);font-size:12.5px;font-weight:500;line-height:1.45}
#acctSheet .au-item .au-go{flex:none;color:var(--dim);font-size:22px;line-height:1}
#acctSheet .au-item.danger{justify-content:center;color:var(--on-red-tint)}
#acctSheet label.au-item{margin:0;color:var(--txt)}
#acctSheet .au-tg.off{cursor:default}
/* 스위치 — 진짜 체크칸(보이지 않게 위에 겹침) + 그림(i). 입력칸 ::after 는 브라우저마다 달라 쓰지 않는다 */
#acctSheet .au-sw{position:relative;flex:none;width:52px;height:30px}
#acctSheet .au-sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
#acctSheet .au-sw i{position:absolute;inset:0;border-radius:999px;background:var(--fg-a-08);border:1px solid var(--line);transition:background .15s}
#acctSheet .au-sw i::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--sub);transition:transform .15s}
#acctSheet .au-sw input:checked+i{background:var(--key);border-color:var(--key)}
#acctSheet .au-sw input:checked+i::after{transform:translateX(22px);background:#fff}
#acctSheet .au-sw input:focus-visible+i{outline:2px solid var(--key);outline-offset:2px}
#acctSheet .au-sw input:disabled{cursor:not-allowed}
#acctSheet .au-sw input:disabled+i{opacity:.45}

/* ④ 개인키 보기 — 체크 2개 → 다음 */
#acctSheet .au-ks{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end}
#acctSheet .au-ks.au-hid{display:none}
#acctSheet .au-ks-dim{position:absolute;inset:0;background:var(--scrim-soft)}
#acctSheet .au-ks-box{position:relative;padding:20px 16px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);
  border-radius:20px 20px 0 0;background:var(--card)}
#acctSheet .au-ks-box h3{margin:4px 40px 12px;text-align:center;font-size:19px;font-weight:900}
#acctSheet .au-ks-box p{margin:0 0 14px;color:var(--sub);font-size:13.5px;line-height:1.6}
#acctSheet .au-ks-x{position:absolute;right:8px;top:8px}
#acctSheet label.au-chk{display:flex;gap:11px;align-items:flex-start;margin:0 0 10px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;
  color:var(--txt);font-size:14.5px;font-weight:600;line-height:1.5;cursor:pointer}
#acctSheet .au-chk input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--key)}
#acctSheet #auKsNext{margin-top:6px;min-height:50px;font-size:16px}