/*
 * 경매 E7 — 비회원 → 회원(계약 team/contracts/auction.md §7 · ui-declutter.md 모양 규칙).
 *   auction-claim.html(인수 화면 ac-) · 기록 옮기기 배너(acb- — auctions.html·auction-join.html) · 비회원 가입 코드 칸(agsu- — auction.html 비회원·auction-join.html)
 *   · 주최자 참가 목록 가입 코드 상태 표시(.ad-code-st)·새 코드 창(.ad-code)(auction.html).
 * auction.css(au-·ad-·aj-·aum-) 뒤에 얹는다. 색 = 토큰만(다크 대응). 누르는 것 = 12px 네모(--r-btn) · 표시만 = 작은 알약(--r-tag).
 * 40대+ 원칙: 본문 16~18px · 누르는 곳 48px↑ · 숫자·이름 줄바꿈/넘침 없음(고정 폭 숫자 칸 금지).
 */

/* ---------- 기록 옮기기 배너(.acb) ---------- */
.acb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3) var(--s4);padding:var(--s4) var(--s5);border-radius:var(--r-xl);
  background:var(--accent-soft);color:var(--ink);}
.acb-t{flex:1 1 280px;min-width:0;margin:0;display:flex;flex-direction:column;gap:4px;line-height:1.45;}
.acb-t > b{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;}
.acb-d{font-size:var(--t-md);color:var(--ink-2);word-break:keep-all;overflow-wrap:anywhere;}
.acb-who{color:var(--ink);font-weight:var(--w-semi);}
.acb-btns{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);flex:0 0 auto;max-width:100%;}
.acb-btns .btn{max-width:100%;text-decoration:none;}
.au-claim[hidden],.aj-claim[hidden],.au-claim-entry[hidden]{display:none;}
/* 경매 탭 맨 아래 "비회원 기록 가져오기" 줄 — 면 위 한 줄 */
.au-claim-entry{margin-top:var(--s2);background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:var(--s1);}
/* 초대 화면(카드 안) */
.aj-claim{margin:0 0 var(--s5);}
.aj-claim .acb{border-radius:var(--r-lg);padding:var(--s4);}

/* ---------- 비회원 가입 코드 칸(.agsu) ---------- */
.agsu{display:flex;flex-direction:column;gap:var(--s3);min-width:0;}
.agsu-t{margin:0;font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--ink);letter-spacing:-.015em;}
.agsu-d{margin:0;font-size:var(--t-md);color:var(--ink-2);line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
.agsu-d b{color:var(--ink);}
.agsu-f{display:flex;flex-direction:column;gap:6px;margin:0;}
.agsu-l{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);}
.agsu-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);}
.agsu-row .agsu-in{flex:1 1 200px;min-width:0;max-width:320px;height:var(--ctl-lg);font-family:var(--mono);font-size:20px;font-weight:var(--w-bold);letter-spacing:.06em;}
.agsu-row .agsu-in::placeholder{font-weight:var(--w-reg);letter-spacing:.02em;}
.agsu-row .agsu-in[aria-invalid="true"]{border-color:var(--dang);box-shadow:inset 0 0 0 1.5px var(--dang);}
.agsu-row .btn{flex:0 0 auto;height:var(--ctl-lg);max-width:100%;}
.agsu-err{margin:0;font-size:var(--t-md)!important;line-height:1.5;}
.agsu-err[hidden]{display:none;}
.agsu .au-btns .btn{text-decoration:none;}
.ag-su[hidden]{display:none;}
/* 초대 화면(카드 안 맨 아래) */
.aj-gsu{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line);}
.aj-gsu[hidden]{display:none;}
.aj-gsu .agsu-t{font-size:var(--t-lg);}
.aj-page .aj-gsu .agsu-row .btn{margin-top:0;width:auto;}
.aj-page .aj-gsu .agsu-row .input{max-width:320px;}

/* ---------- 주최자 — 참가 목록 가입 코드 상태(표시만 = 작은 알약, 긴 아이디는 줄바꿈) ---------- */
.ad-code-st{display:inline-flex;align-items:center;min-height:28px;max-width:100%;padding:3px 10px;border-radius:var(--r-tag);
  background:var(--fill);color:var(--ink-2);font-size:var(--t-xs);font-weight:var(--w-bold);line-height:1.3;overflow-wrap:anywhere;}
.ad-code-st[data-st="waiting"]{background:var(--info-soft);color:var(--info);}
.ad-code-st[data-st="used"]{background:var(--ok-soft);color:var(--ok);}
.ad-code-st[data-st="expired"],.ad-code-st[data-st="revoked"]{background:var(--fill-2);color:var(--ink-3);}
/* 새 코드 창 — 코드 크게(한 번만 보임) */
.ad-code{margin:var(--s2) 0 0;padding:var(--s4) var(--s3);border-radius:var(--r-lg);background:var(--fill);text-align:center;
  font-family:var(--mono);font-size:40px;font-weight:var(--w-black);letter-spacing:.06em;color:var(--ink);line-height:1.1;
  white-space:nowrap;user-select:all;font-variant-numeric:tabular-nums;}
.ad-code-until{margin:0;text-align:center;font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink-2);}
.ad-codeman-st{margin:0;}

/* ---------- 인수 화면(auction-claim.html) ---------- */
.ac-main .page-title{font-size:var(--t-3xl);overflow-wrap:anywhere;word-break:keep-all;}
.ac-sub{margin-top:var(--s1)!important;font-size:var(--t-md)!important;}
.ac-sec .au-sec-h h2{word-break:keep-all;}
.ac-sec[hidden],#ac-gate[hidden]{display:none;}
.ac-cands[hidden],.ac-or[hidden]{display:none;}
.ac-cands .row-list{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1.5px var(--line-2);padding:var(--s1);}
.ac-cand{font-family:inherit;}
.ac-cand .rl-t{overflow-wrap:anywhere;}
.ac-cand .rl-s{overflow-wrap:anywhere;word-break:keep-all;}
.ac-cand:disabled{opacity:.55;cursor:default;}
.ac-or{margin:var(--s2) 0 0;font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink-2);}
.ac-form{display:flex;flex-direction:column;gap:var(--s3);margin:0;}
.ac-f{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ac-f label{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);}
.ac-f .f-input{width:100%;max-width:560px;box-sizing:border-box;height:var(--ctl-lg);font-size:17px;}
.ac-f .f-input.ac-pin{max-width:220px;font-family:var(--mono);font-size:24px;font-weight:var(--w-bold);letter-spacing:.3em;}
.ac-f .f-input[aria-invalid="true"]{border-color:var(--dang);box-shadow:inset 0 0 0 1.5px var(--dang);}
.ac-ferr,.ac-err{margin:0;font-size:var(--t-md)!important;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;}
.ac-ferr[hidden],.ac-err[hidden]{display:none;}
.ac-check,.ac-go{align-self:flex-start;max-width:100%;min-width:200px;}
.ac-go[hidden]{display:none;}
/* 옮길 기록 */
.ac-auc{display:flex;flex-direction:column;gap:4px;}
.ac-auc-n{margin:0;font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--ink);line-height:1.35;overflow-wrap:anywhere;word-break:keep-all;}
.ac-auc-m{margin:0;font-size:var(--t-md);color:var(--ink-2);line-height:1.5;overflow-wrap:anywhere;}
.ac-auc-m[hidden],.ac-who[hidden],.ac-cnt[hidden]{display:none;}
.ac-who{margin:0;font-size:var(--t-lg);color:var(--ink-2);line-height:1.5;overflow-wrap:anywhere;}
.ac-who b{color:var(--ink);font-weight:var(--w-bold);}

/* 개수 — 글자로(상자 없음), 숫자+단위는 한 덩어리(nowrap), 사이 "·"(앞 덩어리 끝에 — 줄이 바뀌어도 줄 머리에 점이 오지 않게) */
.ac-cnt{margin:0;display:flex;flex-wrap:wrap;gap:4px var(--s3);font-size:var(--t-md);color:var(--ink-2);line-height:1.6;}
.ac-c{white-space:nowrap;}
.ac-c b{color:var(--ink);font-weight:var(--w-bold);font-variant-numeric:tabular-nums;}
.ac-c:not(:last-child)::after{content:"·";margin-left:var(--s3);color:var(--ink-4);}
.ac-already .btn{text-decoration:none;flex:0 0 auto;max-width:100%;}
.ac-prev-acts{display:flex;}
.ac-prev-acts .btn[hidden]{display:none;}
/* 어디로 */
.ac-homes[hidden],.ac-opts[hidden],.ac-nohome[hidden],.ac-opt-g[hidden]{display:none;}
.ac-homes .opt-t,.ac-opts .opt-t{overflow-wrap:anywhere;}
.ac-homes .opt-d,.ac-opts .opt-d{overflow-wrap:anywhere;word-break:keep-all;}
.ac-nohome{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);padding:var(--s4);border-radius:var(--r-lg);background:var(--warn-soft);}
.ac-nohome-t{margin:0;font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink);line-height:1.55;word-break:keep-all;}
.ac-opts{display:flex;flex-direction:column;gap:var(--s5);margin-top:var(--s2);}
.ac-opt-g{display:flex;flex-direction:column;gap:var(--s2);}
.ac-h3{margin:0;font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--ink);word-break:keep-all;}
.ac-par{cursor:pointer;}
/* 결과 */
.ac-done-sum{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--s2);font-size:var(--t-lg);color:var(--ink-2);line-height:1.5;overflow-wrap:anywhere;}
.ac-done-sum b{color:var(--ink);font-weight:var(--w-bold);}
.ac-done-x{flex:1 1 100%;font-size:var(--t-md);color:var(--ink-2);}
.ac-geckos,.ac-parents{display:flex;flex-direction:column;gap:var(--s2);}
.ac-geckos[hidden],.ac-parents[hidden],.ac-photo[hidden]{display:none;}
.ac-geckos .row-list,.ac-parents .row-list{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1.5px var(--line-2);padding:var(--s1);}
.ac-gk .rl-t{overflow-wrap:anywhere;}
.ac-gk .rl-s{overflow-wrap:anywhere;}
.ac-par-bad .cp-note-t > span,.ac-warn .cp-note-t > span{font-size:var(--t-md);line-height:1.5;margin-top:4px;overflow-wrap:anywhere;}
.ac-photo{margin:0;padding:10px 14px;border-radius:var(--r-md);background:var(--accent-soft);font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink);
  line-height:1.5;overflow-wrap:anywhere;word-break:keep-all;}
.ac-photo[data-st="ok"]{background:var(--ok-soft);}
.ac-photo[data-st="warn"]{background:var(--warn-soft);}
.ac-done-acts .btn{text-decoration:none;}
.ac-done-acts .btn[hidden]{display:none;}

/* ---------- 좁은 화면 ---------- */
@media (max-width:640px){
  .acb{padding:var(--s4);}
  .acb-btns{flex:1 1 100%;}
  .acb-btns .btn.pri{flex:1 1 auto;}
  .agsu-row .agsu-in{flex-basis:100%;max-width:none;}
  .agsu-row .btn{flex:1 1 100%;white-space:normal;height:auto;min-height:var(--ctl-lg);line-height:1.3;}
  .aj-page .aj-gsu .agsu-row .input{max-width:none;}
  .ad-code{font-size:34px;letter-spacing:.04em;}
  .ac-main .page-title{font-size:var(--t-2xl);}
  .ac-check,.ac-go{align-self:stretch;min-width:0;}
  .ac-f .f-input.ac-pin{max-width:none;}
  .ac-already .btn{flex:1 1 100%;}
  .ac-done-acts .btn{flex:1 1 100%;}
  .ac-nohome .btn{align-self:stretch;}
}
@media (max-width:374px){
  .ad-code{font-size:28px;padding:var(--s3) var(--s2);}
  .acb-t > b{font-size:var(--t-md);}
}