/*
 * 경매 화면 — auctions.html(목록) · auction.html(경매 화면) · auction-join.html(초대 링크) · auction-settle.html(정산) + 경매 창(openSheet)·열기·고치기 창(uiForm 안).
 * 계약 team/contracts/auction.md §0·§3·§4·§5 · ui-declutter.md("모양 = 뜻", 단계 B1). 틀은 contract-pages.css(cp-) · 초대 화면은 login/signup/join.css(jn-) 위에 얹는다.
 * 색 = 토큰만(다크 대응). 40대+ 원칙: 본문 16~17px · 누르는 곳 48px↑ · 글자 라벨 · 쉬운 말.
 * 정돈(B1, 2026-10-14): 버튼·칩·세그먼트·옵션·목록 행·밑줄 탭은 ui.css 공통 부품 그대로(.btn 위계 · .seg · .opt-list/.opt-row · .row-list/.row-link · .ptabs).
 *   이 파일은 배치·크기만 — 공통 버튼을 다시 칠하지 않는다(옛 재칠 규칙 39개 지움). 표시(상태·딱지)만 작은 알약.
 * 접두사: au-(목록·공용) · ad-(경매 화면) · aj-(초대 화면) · auf-(열기·고치기 창) · aua-/aus-(공개 범위 고르기·요약)
 *   · ae-(출품 칸) · aum-(경매 창 openSheet) · aep-(출품 방법) · aev-(출품 자세히) · aer-(결과) · ael-(라벨 고르기) · aef-(출품 입력 창) · as-/asf-(정산)
 *   · aph-(출품 사진 칸 — js/auction-photos.js) · apc-(임시 부모 카드) · afd-(Feedle 확인 창).
 */

/* ---------- 목록(auctions.html) ---------- */
.au-page .cp-head .page-title{font-size:var(--t-3xl);}
.au-page .cp-top .btn.txt{padding-left:var(--s2);}
/* 제목 줄 안 건수 한 줄(#au-sub) — 자리·크기는 css/app-frame.css(.cp-head .page-sub, 02·메이팅과 같음) */
.au-sub{overflow-wrap:anywhere;}
.au-sub[hidden]{display:none;}
.au-body{display:flex;flex-direction:column;gap:var(--s4);}
.au-body[hidden]{display:none;}

/* (2026-10-15 list-toolbar.md) 도구 줄 = 공용 부품(css/ui.css .lt-find · .seg · .lt-view · .lt-count) — 여기서는 자리만.
   컴퓨터 = 찾기 줄 [검색칸 320] / [진행 중 | 종료] [골라 보기 ▾] [정렬 ▾] 한 줄(02 와 같음) · 휴대폰 = 세그먼트 한 줄 꽉 + 보기 줄 2열 같은 폭 */
.lt-find > .au-search{flex:0 1 320px;width:320px;min-width:180px;}
.au-search input{font-size:17px;}
.au-search input::-webkit-search-cancel-button{display:none;}
.au-qx[hidden]{display:none;}
.au-frow{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);}
.au-tabs .n{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--ink-3);}
.au-view .btn[hidden]{display:none;}
/* 바뀐 조건이 있을 때 버튼 끝에 점 하나(표시) — 무엇이 바뀌었는지는 개수 줄이 말함 */
.au-view .btn.on::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto;}
html.app-m .lt-find > .au-search{flex:1 1 auto;width:auto;min-width:0;}
html.app-m .au-frow{flex-direction:column;align-items:stretch;gap:var(--s3);}
html.app-m .au-tabs{display:flex;width:100%;}
html.app-m .au-tabs > button{flex:1 1 0;min-width:0;}
.au-countrow .au-count[hidden]{display:none;}
.au-of{color:var(--ink-3);font-weight:var(--w-reg);}
/* 휴대폰 — 건수·지금 정렬은 목록 바로 위 개수 줄 하나로(제목 아래 줄은 컴퓨터만) */
html.app-m .au-sub{display:none!important;}
.au-count{display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--s2);}
.au-count[hidden]{display:none;}
.au-count > span{overflow-wrap:anywhere;}
.au-countrow:not(:has(.au-count:not([hidden]))){display:none;}

/* 목록 = 면 하나 안 행 목록(행 전체 누름 · "›") */
.au-list{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:var(--s2);}
.au-list:has(> .au-empty){background:transparent;box-shadow:none;padding:0;}
.au-row{gap:var(--s4);padding:var(--s3) var(--s4);align-items:center;}
.au-dd{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:84px;min-height:72px;padding:var(--s2);
  border-radius:var(--r-btn-in);background:var(--fill);color:var(--ink);text-align:center;}
.au-dd b{font-size:var(--t-xl);font-weight:var(--w-black);line-height:1.1;letter-spacing:-.01em;white-space:nowrap;}
.au-dd small{font-size:var(--t-xs);font-weight:var(--w-semi);color:var(--ink-3);white-space:nowrap;}
.au-dd[data-tone="today"]{background:var(--accent-soft);color:var(--accent);}
.au-dd[data-tone="soon"]{background:var(--warn-soft);color:var(--warn);}
.au-dd[data-tone="past"]{background:var(--fill-2);color:var(--ink-3);}
.au-dd[data-tone="ended"]{background:var(--fill-2);color:var(--ink-2);}
.au-main{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0;}
.au-nm{font-size:var(--t-lg);font-weight:var(--w-bold);line-height:1.35;color:var(--ink);overflow-wrap:anywhere;}
.au-meta{display:flex;flex-wrap:wrap;gap:2px var(--s3);font-size:var(--t-md);font-weight:var(--w-reg);color:var(--ink-2);line-height:1.5;}
.au-meta > span{overflow-wrap:anywhere;min-width:0;}
/* 사이 "·" 는 앞 덩어리 끝에(줄이 바뀌어도 줄 머리에 점이 오지 않게) */
.au-meta > span:not(:last-child)::after{content:"·";margin-left:var(--s3);color:var(--ink-4);}
.au-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;}
/* 표시 = 작은 알약(누르지 못함) */
.au-st,.au-role{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--s3);border-radius:var(--r-tag);
  font-size:var(--t-xs);font-weight:var(--w-bold);white-space:nowrap;background:var(--fill);color:var(--ink-2);}
.au-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto;}
.au-st[data-st="open"]{background:var(--ok-soft);color:var(--ok);}
.au-st[data-st="reg_closed"]{background:var(--info-soft);color:var(--info);}
.au-st[data-st="ended"]{background:var(--fill-2);color:var(--ink-3);}
.au-role{background:var(--accent-soft);color:var(--accent);}
.au-role[data-role="viewer"]{background:var(--fill);color:var(--ink-2);}
.au-empty{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:var(--s10) var(--s6);}
/* 정렬·골라 보기 창 = 공용 정렬 창(js/list-tools.js openSortPicker — 모양은 css/ui.css .lt-sortpop · css/m-shell.css .ms-sheet) */

/* ---------- 경매 화면(auction.html) ---------- */
.ad-body{display:flex;flex-direction:column;gap:var(--s5);}
.ad-body[hidden]{display:none;}
.ad-head{display:flex;flex-direction:column;gap:var(--s3);margin:var(--s2) 0 0;}
.ad-name{overflow-wrap:anywhere;word-break:keep-all;}
/* 머리 둘째 줄 — 상태(예외만 알약) · D-day·진행 일시 · 내 자격(글자) · [경매 상세 정보 ›](글자 버튼) */
.ad-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1) var(--s3);margin-top:calc(var(--s2) * -1);}
.ad-tags{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--s3);font-size:var(--t-md);color:var(--ink-2);line-height:1.5;min-width:0;}
.ad-when{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s2);min-width:0;}
.ad-when > span{overflow-wrap:anywhere;}
.au-dd.sm{display:inline;min-width:0;min-height:0;padding:0;border-radius:0;background:none;font-size:var(--t-md);font-weight:var(--w-black);white-space:nowrap;color:var(--ink);}
.au-dd.sm[data-tone="today"]{color:var(--accent);background:none;}
.au-dd.sm[data-tone="soon"]{color:var(--warn);background:none;}
.au-dd.sm[data-tone="past"],.au-dd.sm[data-tone="ended"]{color:var(--ink-3);background:none;}
.ad-tags .au-role{height:auto;padding:0;border-radius:0;background:none;color:var(--ink-2);font-size:var(--t-md);font-weight:var(--w-semi);white-space:normal;}
.ad-tags .ad-when:has(+ .au-role)::after{content:"·";margin-left:var(--s1);color:var(--ink-4);font-weight:var(--w-reg);}
.ad-info{margin-left:calc(var(--s3) * -1);}
.ad-acts{display:flex;flex-wrap:wrap;gap:var(--s3);}
.ad-acts[hidden]{display:none;}
.ad-acts .btn{max-width:100%;}
/* 밑줄 탭 — 출품 / 참가자 / 설정 */
.ad-tabs{margin-bottom:calc(var(--s2) * -1);}
.ad-tabs .ptab[hidden]{display:none;}
.ad-panel{display:flex;flex-direction:column;gap:var(--s5);}
.ad-panel[hidden]{display:none;}

.au-sec{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:var(--s6) var(--s8);display:flex;flex-direction:column;gap:var(--s4);}
.au-sec[hidden]{display:none;}
.au-sec-h{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);}
.au-sec-h h2{margin:0;font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--ink);letter-spacing:-.015em;}
.au-sec-sub{font-size:var(--t-md);color:var(--ink-3);font-weight:var(--w-semi);white-space:nowrap;}
.au-sec-d{margin:0;font-size:var(--t-md);color:var(--ink-2);line-height:1.6;overflow-wrap:anywhere;}
.au-sec-note{margin:0;font-size:var(--t-sm);color:var(--ink-3);line-height:1.55;}
.au-btns{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;}
.au-btns .btn{max-width:100%;}
.au-url{margin:0;padding:var(--s4) var(--s5);border-radius:var(--r-btn);box-shadow:inset 0 0 0 1.5px var(--line-2);font-family:var(--mono);
  font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink);line-height:1.5;word-break:break-all;user-select:all;}
.au-copyfail{margin:0;padding:10px 14px;border-radius:var(--r-md);background:var(--warn-soft);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--warn);line-height:1.5;}
.au-copyfail[hidden]{display:none;}
/* 카드 안 행 목록 — 카드 안쪽 여백만큼 바깥으로(누르는 면이 카드 끝까지) */
.au-sec > .row-list,.au-sec > .ad-plist{margin-inline:calc(var(--s4) * -1);}

/* 누르지 못하는 줄(할 일 없는 참가자 · 매니저 고정값 · 보관된 출품) — ui.css .row-link.static(B4b) 과 같은 값.
   공용 파일과 따로 올라가도 "›"·눌림이 보이지 않게 이 화면 줄에만 한 번 더 적어 둠(ui.css 에 들어간 뒤엔 지워도 됨). */
.ad-page .row-link.static{cursor:default;}
.ad-page .row-link.static:hover,.ad-page .row-link.static:active{background:transparent;}
.ad-page .row-link.static::after{content:none;}

/* 참가 목록 — 줄(li.ad-p > .ad-p-go.row-link) 사이 헤어라인 · 표시 알약은 이름 아래 */
.ad-plist{list-style:none;margin:0;padding:0;}
.ad-plist > li + li{box-shadow:0 -1px 0 var(--line);}
.ad-p-go .rl-t{font-size:var(--t-lg);font-weight:var(--w-bold);}
.ad-p-m{display:flex;flex-wrap:wrap;gap:0 var(--s2);}
.ad-p-m > span{white-space:nowrap;}
.ad-p-m > span:not(:last-child)::after{content:"·";margin-left:var(--s2);color:var(--ink-4);}
.ad-p-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.ad-tag{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--r-tag);background:var(--fill);color:var(--ink-2);
  font-size:var(--t-xs);font-weight:var(--w-bold);white-space:nowrap;}
.ad-tag.host{background:var(--accent-soft);color:var(--accent);}
.ad-tag.mine{background:var(--info-soft);color:var(--info);}
.ad-done{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--s3);border-radius:var(--r-tag);background:var(--ok-soft);color:var(--ok);
  font-size:var(--t-xs);font-weight:var(--w-bold);white-space:nowrap;}
.ad-done::before{content:"";width:6px;height:10px;margin-top:-2px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);}
.ad-lock{display:inline-flex;align-items:center;min-height:28px;padding:2px var(--s3);border-radius:var(--r-tag);background:var(--warn-soft);color:var(--warn);
  font-size:var(--t-xs);font-weight:var(--w-bold);line-height:1.3;}
/* 참가자 창 */
.ad-ps-st{margin:0;display:flex;flex-wrap:wrap;gap:6px;}
.ad-ps-acts{display:flex;flex-direction:column;gap:var(--s3);}

/* 설정 탭 */
.ad-set{padding-top:var(--s3);padding-bottom:var(--s3);}
.ad-set-v{display:inline-block;max-width:40vw;overflow-wrap:anywhere;white-space:normal;text-align:right;}
.ad-end{padding-top:var(--s2);padding-bottom:var(--s2);}
.ad-page .cn-hist[hidden]{display:none;}
.ad-mgr-now{margin:0;font-size:var(--t-lg);color:var(--ink-2);line-height:1.5;overflow-wrap:anywhere;}
.ad-mgr-now b{color:var(--ink);font-weight:var(--w-bold);}
.ad-err{margin:0;font-size:var(--t-md)!important;line-height:1.5;}
.ad-err[hidden]{display:none;}

/* ---------- 비회원(E3) — 머리 로고 · 위 띠 · 임시 번호 안내 · 회원 가입 안내 · 새 번호 창 ---------- */
.ad-brand{display:inline-flex;align-items:center;gap:8px;min-height:48px;}
.ad-brand[hidden]{display:none;}
.ad-brand-m{width:36px;height:36px;display:block;}
.ad-brand-t{height:18px;width:auto;display:block;}
.ag{display:flex;flex-direction:column;gap:var(--s3);}
.ag[hidden]{display:none;}
.ag-bar{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(--panel);box-shadow:var(--sh-1);}
.ag-who{flex:1 1 260px;min-width:0;margin:0;font-size:var(--t-lg);color:var(--ink-2);line-height:1.45;overflow-wrap:anywhere;}
.ag-who b{color:var(--ink);font-weight:var(--w-bold);margin-right:2px;}
.ag-who span{white-space:nowrap;}
.ag-btns{display:flex;flex-wrap:wrap;gap:var(--s2);flex:0 0 auto;max-width:100%;}
.ag-btns .btn{max-width:100%;}
.ag-temp .btn{flex:0 0 auto;max-width:100%;}
.ag-nudge{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);padding:var(--s2) var(--s2) var(--s2) var(--s4);
  border-radius:var(--r-lg);background:var(--accent-soft);color:var(--ink);}
.ag-nudge-t{flex:1 1 240px;min-width:0;margin:0;padding:6px 0;font-size:var(--t-md);font-weight:var(--w-semi);line-height:1.45;word-break:keep-all;overflow-wrap:anywhere;}
.ag-nudge-btns{display:flex;gap:var(--s2);flex:0 0 auto;margin-left:auto;}
.ag-nudge .btn{text-decoration:none;}
.ag-show{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:var(--t-md);color:var(--ink);cursor:pointer;}
.ag-show input{width:24px;height:24px;margin:0;accent-color:var(--accent);cursor:pointer;}
.uidlg-field input.ag-pin-in{font-family:var(--mono);font-size:22px;font-weight:var(--w-bold);letter-spacing:.3em;max-width:220px;}
.ad-pin{display:flex;justify-content:center;gap:var(--s3);margin:var(--s2) 0;}
.ad-pin b{display:grid;place-items:center;min-width:56px;height:72px;padding:0 6px;border-radius:var(--r-lg);background:var(--fill);
  font-family:var(--mono);font-size:40px;font-weight:var(--w-black);color:var(--ink);font-variant-numeric:tabular-nums;}

/* ---------- 공개 범위 고르기(설정 창 · 열기 창 · 초대 화면) — 역할 줄 × 이어 붙인 칸(.opt-row) + 고른 단계 뜻 한 줄 ---------- */
.aua{display:flex;flex-direction:column;gap:var(--s3);}
.aua-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:4px var(--s3);}
.aua-r{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);}
.aua-lv > button{min-width:0;padding:0 var(--s2);}
.aua-lv > button:disabled{cursor:default;}
.aua-lv > button:disabled:not([aria-pressed="true"]){opacity:.5;}
.aua-fixed{margin:0;font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);}
.aua-fixed span{font-weight:var(--w-reg);color:var(--ink-3);}
.aua-d{grid-column:2;margin:0;font-size:var(--t-sm);color:var(--ink-3);line-height:1.45;}
.aua-d:empty{display:none;}
.aua-lock{grid-column:2;margin:0;font-size:var(--t-sm);color:var(--ink-3);}
.aus{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;}
.aus-go{flex:0 0 auto;min-height:var(--ctl);}
.aus-pick{margin-top:var(--s3);}
.aus-pick[hidden]{display:none;}

/* ---------- 경매 열기·고치기 창(uiForm 안) ---------- */
.auf-prev{margin:6px 0 0;font-size:var(--t-sm);color:var(--ink-2);line-height:1.5;overflow-wrap:anywhere;}
.auf-prev[hidden]{display:none;}
.auf-prev b{color:var(--ink);}
.auf-fees{display:flex;flex-direction:column;gap:var(--s3);}
.auf-empty{margin:0;font-size:var(--t-sm);color:var(--ink-3);line-height:1.5;}
/* 수수료 한 줄 = 테두리 묶음(회색 면 아님 — 안의 보조 버튼이 묻히지 않게) */
.auf-fee{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1.5px var(--line-2);}
.auf-fee-h{display:flex;align-items:center;gap:var(--s2);}
.auf-fee-n{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--fill);
  font-size:var(--t-sm);font-weight:var(--w-black);color:var(--ink-2);}
.auf-fee-h input{flex:1 1 auto;min-width:0;width:100%;}
.auf-fee-del{flex:0 0 auto;padding:0 var(--s3);}
.auf-fee-b{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);}
.auf-fee-b .auf-pick{flex:1 1 200px;width:auto;}
.auf-per > button{white-space:normal;line-height:1.2;word-break:keep-all;height:auto;min-height:var(--ctl);padding:4px var(--s2);}
.auf-val{display:flex;align-items:center;gap:6px;flex:1 1 140px;min-width:0;}
.auf-val input{flex:1 1 auto;min-width:0;width:100%;text-align:right;font-variant-numeric:tabular-nums;}
.auf-val span{flex:0 0 auto;font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink-2);}
.auf-add{align-self:flex-start;}
.auf-note{margin:6px 0 0;font-size:var(--t-sm);color:var(--ink-3);line-height:1.5;}

/* ---------- 초대 링크 화면(join.css 위) ---------- */
.aj-page .btn.aj-info{margin:var(--s2) 0 0 calc(var(--s3) * -1);height:var(--ctl);font-size:var(--t-md);}
.aj-page .btn.aj-info[hidden]{display:none;}
/* 뒤로(글자 버튼) — 카드 폭 가운데 한 줄 */
.aj-page .btn.aj-back{width:100%;margin-top:12px;height:var(--ctl);font-size:var(--t-md);}
/* 주최 매장 이름은 한 덩어리로(줄 끝에서 "E2E / 테스트홈"처럼 갈라지지 않게 — 한 줄보다 길면 그 안에서만 접힘) */
.aj-page #aj-sub b{display:inline-block;max-width:100%;overflow-wrap:anywhere;}
.aj-homes{display:flex;flex-direction:column;gap:var(--s2);margin:0 0 var(--s4);}
.aj-homes[hidden]{display:none;}
.aj-home{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:64px;padding:var(--s2) var(--s4);border:0;border-radius:var(--r-btn);
  background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line-3);color:var(--ink);font-family:inherit;text-align:left;cursor:pointer;}
.aj-home:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--ink-4);}
.aj-home:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px;}
.aj-home.on{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft);}
.aj-home:disabled{opacity:.55;cursor:default;}
.aj-dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2px var(--line-3) inset;background:var(--panel);}
.aj-home.on .aj-dot{box-shadow:0 0 0 7px var(--accent) inset;}
.aj-home-b{display:flex;flex-direction:column;gap:2px;min-width:0;}
.aj-home-b b{font-size:var(--t-lg);font-weight:var(--w-bold);overflow-wrap:anywhere;}
.aj-home-b small{font-size:var(--t-sm);color:var(--ink-3);}
.aj-acc{margin:0 0 var(--s5);padding:var(--s4);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1.5px var(--line-2);}
.aj-lbl{margin:0 0 var(--s2);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);}
.aj-who{margin-top:var(--s4);}
.aj-page .error[hidden]{display:none;}
.aj-page #aj-none .btn.jn-alt,.aj-page .aj-bad-other{margin-top:12px;height:var(--ctl);font-size:var(--t-md);}
.aj-page .aj-home-go{text-align:center;}
/* 비회원(E3) — 참가 방법 고르기 · 닉네임 참가/다시 들어오기 칸 · 참가함 */
.aj-page .btn.aj-to-guest{margin-top:12px;height:auto;min-height:var(--ctl);padding:10px 16px;font-size:var(--t-md);line-height:1.35;white-space:normal;text-align:center;word-break:keep-all;}
.aj-page .btn.aj-to-guest[hidden],.aj-page .btn.aj-back[hidden],.aj-page .btn.aj-gbtn[hidden]{display:none;}
.aj-gnow{margin:0 0 var(--s5);padding:var(--s4);border-radius:var(--r-lg);background:var(--ok-soft);}
.aj-gnow[hidden],.aj-mpart[hidden],.aj-gpart[hidden],.aj-gmem[hidden]{display:none;}
.aj-gnow-t{margin:0 0 var(--s3);font-size:var(--t-lg);color:var(--ink);line-height:1.45;overflow-wrap:anywhere;word-break:keep-all;}
.aj-gnow-t b{font-weight:var(--w-bold);}
.aj-gnow .btn.pri{margin-top:0;}
.aj-gpart{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line);}
.aj-mpart[hidden] + .aj-gpart{margin-top:0;padding-top:0;border-top:0;}
.aj-gor{margin:0 0 var(--s3);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink-2);line-height:1.45;}
.aj-page .btn.aj-gbtn{width:100%;}
.aj-page .btn.aj-gbtn + .btn.aj-gbtn{margin-top:var(--s3);}
.aj-gmem{margin:-8px 0 16px;padding:10px 14px;border-radius:var(--r-md);background:var(--info-soft);font-size:var(--t-md);color:var(--ink);line-height:1.5;}
.aj-gform .input{font-size:18px;border-radius:var(--r-btn);}
.aj-gform .input.aj-pin{max-width:220px;font-family:var(--mono);font-size:24px;font-weight:var(--w-bold);letter-spacing:.3em;}
.aj-gform .input[aria-invalid="true"]{border-color:var(--dang);}
.aj-page .aj-show{font-size:var(--t-md);}
.aj-gnote{display:flex;flex-direction:column;gap:4px;margin:0 0 var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--warn-soft);
  font-size:var(--t-md);color:var(--ink);line-height:1.5;overflow-wrap:anywhere;}
.aj-gnote b{font-weight:var(--w-bold);}
.aj-page .aj-gform .error,.aj-page #aj-gdone .success-msg{white-space:pre-line;overflow-wrap:anywhere;}
.aj-page .aj-gform .error{text-align:left;font-size:var(--t-md);line-height:1.5;}
.aj-page #aj-gdone{text-align:left;}
.aj-page #aj-gdone .su-done-t{text-align:center;}
.aj-gd-msg{margin:0 0 var(--s4)!important;font-size:var(--t-lg)!important;color:var(--ink)!important;text-align:center;word-break:keep-all;}

/* ---------- 출품 칸(js/auction-entries.js) ---------- */
.ae-hacts{margin-left:auto;gap:var(--s2);}
/* 우리 매장 "다 올렸어요" · 낙찰 개체 분양완료 — 칸 안 한 줄(회색 면 없이 헤어라인 — 보조 버튼이 묻히지 않게) */
.ae-mine,.ae-sold{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.ae-mine-t{flex:1 1 240px;min-width:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px var(--s2);font-size:var(--t-md);color:var(--ink-2);overflow-wrap:anywhere;}
.ae-mine-t b{color:var(--ink);white-space:nowrap;}
.ae-mine .btn,.ae-sold .btn{max-width:100%;}
.ae-sold-t{flex:1 1 260px;min-width:0;margin:0;font-size:var(--t-md);color:var(--ink-2);line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;}
.ae-sold-t b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.ae-sold-m{min-width:0;}
.ae-sold[data-all] .ae-sold-t{display:flex;align-items:center;gap:var(--s2);color:var(--ink);font-weight:var(--w-semi);}
.ae-sold[data-all] .ae-sold-t::before{content:"";flex:0 0 auto;width:7px;height:12px;margin:-3px 4px 0 6px;border:solid var(--ok);border-width:0 3px 3px 0;transform:rotate(45deg);}
/* 자세히 창 "분양완료" 줄 — 표시했으면 초록 글 */
.aev-sm{display:inline-flex;align-items:center;gap:8px;color:var(--ok);font-weight:var(--w-bold);}
.aev-sm::before{content:"";flex:0 0 auto;width:6px;height:11px;margin:-3px 2px 0 4px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);}
.apc-ex[data-st="other"]{color:var(--ink-2);}
.ae-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);}
.ae-search{flex:1 1 280px;min-width:0;max-width:460px;}
.ae-search input{font-size:17px;}
.ae-search input::-webkit-search-cancel-button{display:none;}
.ae-fil .n{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--ink-3);}
.ae-list{list-style:none;margin:0 calc(var(--s4) * -1);padding:0;display:flex;flex-direction:column;}
.ae-list > li + li{box-shadow:0 -1px 0 var(--line);}
/* 한 줄 = 줄 전체가 누르는 곳(.row-link) — 번호 · 사진 · 이름/모프/성별·출품자 · 결과 · "›"
   출품 번호 칸 = 글자에 맞춘 너비(auto) + 목록 안 가장 긴 번호 자릿수(--lotw, js/auction-entries.js 가 #ae-list 에 1~4)만큼 최소 너비 — 줄 사이 정렬 유지,
   4자리(9999)도 줄바꿈·잘림 없음(고정 너비 칸 금지 — CLAUDE.md §원칙 2) */
.ae-go{display:grid;grid-template-columns:auto 64px minmax(0,1fr) auto auto;grid-template-areas:"lot ph body res go";align-items:center;gap:var(--s2) var(--s4);}
.ae-go::after{grid-area:go;}
.ae-lot{grid-area:lot;display:flex;align-items:center;justify-content:center;gap:1px;min-height:64px;padding:0 6px;border-radius:var(--r-btn-in);background:var(--fill-2);color:var(--ink);
  min-width:max(72px, calc(var(--lotw, 2) * 19px + 34px));white-space:nowrap;}
.ae-lot b{font-size:30px;font-weight:var(--w-black);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;}
.ae-lot small{font-size:var(--t-sm);font-weight:var(--w-bold);margin-top:6px;color:var(--ink-2);}
.ae-ph{grid-area:ph;width:64px;height:64px;border-radius:var(--r-btn-in);overflow:hidden;background:var(--fill);display:grid;place-items:center;color:var(--ink-4);}
.ae-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.ae-b{grid-area:body;min-width:0;display:flex;flex-direction:column;gap:3px;}
.ae-n{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--ink);line-height:1.35;overflow-wrap:anywhere;}
.ae-m{font-size:var(--t-md);font-weight:var(--w-reg);color:var(--ink-2);line-height:1.4;overflow-wrap:anywhere;}
.ae-meta{display:flex;flex-wrap:wrap;gap:2px var(--s3);font-size:var(--t-sm);font-weight:var(--w-reg);color:var(--ink-3);line-height:1.45;}
.ae-meta > span{overflow-wrap:anywhere;min-width:0;}
.ae-meta > span:not(:last-child)::after{content:"·";margin-left:var(--s3);color:var(--ink-4);}
.ae-res{grid-area:res;display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;}
.ae-res:empty{display:none;}
.ae-badge{display:inline-flex;align-items:center;height:28px;padding:0 var(--s3);border-radius:var(--r-tag);font-size:var(--t-sm);font-weight:var(--w-black);white-space:nowrap;}
.ae-badge[data-r="sold"]{background:var(--ok-soft);color:var(--ok);}
.ae-badge[data-r="unsold"]{background:var(--fill-2);color:var(--ink-2);}
.ae-price{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.ae-more{align-self:center;max-width:100%;}
.ae-none{padding:var(--s3) 0;font-size:var(--t-md)!important;}

/* ---------- 경매 창(js/auction-ui.js openSheet) ---------- */
/* max-width:none — 초대 화면(auction-join, css/login.css "body > div{max-width:420px}")에서 창이 왼쪽 420px 에 갇히던 것 막음(2026-10-15 긴급패치) */
.aum-host{position:fixed;inset:0;z-index:990;display:grid;place-items:center;padding:16px;font-family:var(--font);max-width:none;}
.aum-scrim{position:absolute;inset:0;background:var(--scrim);opacity:0;transition:opacity var(--dur-2) var(--ease);}
.aum{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;
  background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-pop);overflow:hidden;opacity:0;transform:translateY(8px) scale(.98);
  transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease);}
.aum-host.show .aum-scrim{opacity:1;}
.aum-host.show .aum{opacity:1;transform:none;}
.aum:focus{outline:none;}
.aum-h{flex:0 0 auto;display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s5) var(--s4) var(--s2) var(--s6);}
.aum-tw{flex:1 1 auto;min-width:0;}
.aum-t{margin:0;font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--ink);line-height:1.3;letter-spacing:-.015em;overflow-wrap:anywhere;}
.aum-sub{margin:4px 0 0;font-size:var(--t-md);color:var(--ink-2);line-height:1.45;overflow-wrap:anywhere;}
.aum-sub[hidden]{display:none;}
.aum-x{flex:0 0 auto;}
.aum-b{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s2) var(--s6) var(--s5);}
.aum-f{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);padding:var(--s3) var(--s6) var(--s5);border-top:1px solid var(--line-2);}
.aum-f:empty{display:none;}
.aum-f .btn{max-width:100%;}
.aum-sp{flex:1 1 auto;}
.aum-b > .row-list,.aum-b .aev-more > .row-list{margin-inline:calc(var(--s4) * -1);}
@media (prefers-reduced-motion:reduce){.aum-scrim,.aum{transition:none;}}
/* 사진 크게 보기(js/photo-viewer.js, z 900)는 경매 창(990) 안에서 열린다 — 경매 화면에서만 창 위·확인 창(1000↑) 아래로 */
.ad-page .pv-host{z-index:995;}

/* 경매 상세 정보(js/auction-ui.js openAuctionInfo — .au-infosheet): 항목 줄(이름 왼쪽·값 오른쪽, ≤640px 위아래) + 수수료 목록 + 아래 [닫기] 하나 */
.aum-host.au-infosheet .aum{max-width:560px;}
.au-infosheet .aum-x{display:none;}
.au-infosheet .aum-h{padding-right:var(--s6);}
.au-infosheet .aum-f .aui-close{flex:1 1 auto;}
.aui-dl{margin:0;display:flex;flex-direction:column;}
.aui-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:4px var(--s4);padding:var(--s3) 0;border-top:1px solid var(--line-2);}
.aui-row:first-child{border-top:0;padding-top:0;}
.aui-row:last-child{padding-bottom:0;}
.aui-row dt{font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink-3);line-height:1.6;}
.aui-row dd{margin:0;min-width:0;font-size:17px;color:var(--ink);line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;}
.aui-row[data-k="name"] dd{font-weight:var(--w-bold);}
.aui-nw{white-space:nowrap;}
.aui-none{color:var(--ink-2);}
.aui-fees{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.aui-fee{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--s3);padding:var(--s2) 0;border-top:1px dashed var(--line-2);}
.aui-fee:first-child{border-top:0;padding-top:0;}
.aui-fee:last-child{padding-bottom:0;}
.aui-fee-t{flex:1 1 10em;min-width:0;display:flex;flex-direction:column;gap:2px;}
.aui-fee-n{font-size:17px;font-weight:var(--w-semi);color:var(--ink);line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;}
.aui-fee-b{font-size:var(--t-sm);color:var(--ink-3);line-height:1.4;}
.aui-fee-v{margin-left:auto;font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--ink);line-height:1.4;font-variant-numeric:tabular-nums;}

/* 출품 올리기 — 방법 고르기(행 목록) */
.aep-unit{display:flex;flex-direction:column;gap:6px;}
.aep-unit-t{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);}
.aep-unit .f-select{height:var(--ctl-lg);font-size:17px;}
.aep-who{margin:0;font-size:var(--t-md);color:var(--ink-2);line-height:1.5;overflow-wrap:anywhere;}
.aep-m .rl-s{word-break:keep-all;overflow-wrap:anywhere;line-height:1.4;}

/* 출품 자세히 */
.aev-ph{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;}
.aev-shot{aspect-ratio:1;border:0;padding:0;border-radius:var(--r-md);overflow:hidden;background:var(--fill);cursor:zoom-in;}
.aev-shot img{width:100%;height:100%;object-fit:cover;display:block;}
.aev-shot:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px;}
.aev-dl{display:grid;grid-template-columns:96px minmax(0,1fr);margin:0;}
.aev-dl dt,.aev-dl dd{padding:10px 0;border-top:1px solid var(--line-2);}
.aev-dl dt:first-of-type,.aev-dl dt:first-of-type + dd{border-top:0;padding-top:0;}
.aev-dl dt{font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--ink-3);line-height:1.6;}
.aev-dl dd{margin:0;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--s2);font-size:var(--t-md);color:var(--ink);line-height:1.5;overflow-wrap:anywhere;}
.aev-none{color:var(--ink-3);}
.aev-chips{display:flex;flex-wrap:wrap;gap:6px;}
.aev-chips span{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--r-tag);background:var(--fill);font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--ink-2);}
.aev-note{white-space:pre-line;}
.aev-sold{font-size:var(--t-md);color:var(--ink-2);}
.aev-sold b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.aev-more{display:flex;flex-direction:column;gap:var(--s1);padding-top:var(--s3);border-top:1px solid var(--line-2);}
.aev-more-t{margin:0;font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink-2);}
.aev-del{padding-top:var(--s4);border-top:1px solid var(--line-2);}

/* 결과 넣기 — [낙찰] [유찰] 이어 붙인 큰 칸(.opt-row) */
.aer-pick > button{height:64px;font-size:var(--t-xl);}
.aer-sold{display:flex;flex-direction:column;gap:var(--s3);}
.aer-sold[hidden]{display:none;}
.aer-f{display:flex;flex-direction:column;gap:6px;}
.aer-f > span{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);}
.aer-f .f-input{height:var(--ctl-lg);font-size:20px;font-weight:var(--w-semi);font-variant-numeric:tabular-nums;}
.aer-err{margin:0;font-size:var(--t-md)!important;line-height:1.5;}
.aer-err[hidden]{display:none;}

/* QR 라벨 고르기 */
.ael-list{list-style:none;margin:0;padding:0;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1.5px var(--line-2);}
.ael-list li + li .ael-it{border-top:1px solid var(--line-2);}
.ael-it{display:flex;align-items:center;flex-wrap:wrap;gap:4px var(--s3);min-height:56px;padding:var(--s2) var(--s4);cursor:pointer;}
.ael-it input{width:24px;height:24px;margin:0;flex:0 0 auto;accent-color:var(--accent);cursor:pointer;}
.ael-it b{min-width:52px;font-size:var(--t-lg);font-weight:var(--w-black);font-variant-numeric:tabular-nums;white-space:nowrap;}
.ael-it span{flex:1 1 140px;min-width:0;font-size:var(--t-md);color:var(--ink);overflow-wrap:anywhere;}
.ael-it small{font-size:var(--t-sm);color:var(--ink-3);overflow-wrap:anywhere;}
.ael-err{margin:0;font-size:var(--t-md)!important;}
.ael-err[hidden]{display:none;}

/* 출품 입력 창(uiForm 안 — 부모 두 칸·메모) */
.aef-pars{display:flex;flex-direction:column;gap:var(--s3);}
.aef-par{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--s2);}
.aef-par input{width:100%;min-width:0;box-sizing:border-box;}
.aef-par-r{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);}
.aef-par[data-feedle]{grid-template-columns:48px minmax(0,1fr);}
.aef-par-fd{display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--s2) var(--s3);border-radius:var(--r-md);background:var(--fill);}
.aef-par-fd b{font-size:var(--t-md);color:var(--ink);overflow-wrap:anywhere;}
.aef-par-fd small{font-size:var(--t-xs);color:var(--ink-3);line-height:1.4;}
.aef-par-del{grid-column:2;justify-self:start;max-width:100%;}
.aef-note{width:100%;box-sizing:border-box;min-height:96px;font-size:16px;}

/* ---------- 출품 사진 칸(js/auction-photos.js — 자세히 창 · 입력 창) ---------- */
.aph{display:flex;flex-direction:column;gap:var(--s3);min-width:0;}
.aph-h{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);}
.aph-count{flex:1 1 200px;min-width:0;margin:0;font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink);line-height:1.45;overflow-wrap:anywhere;word-break:keep-all;}
.aph-pick{flex:0 0 auto;gap:8px;max-width:100%;}
.aph-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--s3);}
.aph-it{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:6px;border-radius:var(--r-lg);background:var(--fill);}
.aph-shot{display:block;width:100%;aspect-ratio:1;border:0;padding:0;border-radius:var(--r-md);overflow:hidden;background:var(--fill-2);cursor:zoom-in;}
.aph-shot img{width:100%;height:100%;object-fit:cover;display:block;}
.aph-shot:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px;}
.aph-no{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 10px;
  border-radius:var(--r-tag);background:var(--ink);color:var(--panel);font-size:var(--t-sm);font-weight:var(--w-black);pointer-events:none;
  font-variant-numeric:tabular-nums;white-space:nowrap;}
.aph-it:first-child .aph-no{background:var(--accent);color:var(--accent-ink);}
.aph-acts{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.aph-b{min-width:0;min-height:48px;padding:4px 6px;border:0;border-radius:var(--r-btn-in);background:var(--btn2);box-shadow:var(--btn2-sh);color:var(--ink);cursor:pointer;
  font:var(--w-bold) var(--t-sm)/1.2 var(--font);white-space:nowrap;}   /* 보조 버튼 모양 = 흰 면 + 그림자(2026-10-15 긴급패치, 테두리 없음) */
.aph-b:hover:not(:disabled){box-shadow:var(--btn2-sh-hover);}
.aph-b:disabled{opacity:.4;cursor:default;box-shadow:none;}
.aph-b.dang{color:var(--dang);}
.aph-b:focus-visible{outline:3px solid var(--accent-ring);outline-offset:1px;}
.aph-iscover{display:flex;align-items:center;justify-content:center;min-height:48px;padding:4px;border-radius:var(--r-btn-in);background:var(--accent-soft);
  color:var(--accent);font-size:var(--t-sm);font-weight:var(--w-bold);text-align:center;line-height:1.2;}
.aph-empty{display:flex;align-items:center;gap:var(--s3);min-height:72px;padding:var(--s3) var(--s4);border-radius:var(--r-lg);border:2px dashed var(--line-3);
  color:var(--ink-3);font-size:var(--t-md);}
.aph-empty svg{flex:0 0 auto;}
.aph-hint{margin:0;font-size:var(--t-sm);color:var(--ink-3);line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;}
.aph-note{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);
  background:var(--info-soft);font-size:var(--t-md);color:var(--ink);line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;}
.aph-note-go{max-width:100%;}
.aph-prog{display:flex;flex-direction:column;gap:6px;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--accent-soft);}
.aph-prog[hidden]{display:none;}
.aph-prog-t{margin:0;font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);}
.aph-bar{height:10px;border-radius:var(--r-full);background:var(--panel);overflow:hidden;}
.aph-bar i{display:block;height:100%;width:6%;border-radius:inherit;background:var(--accent);transition:width var(--dur-2) var(--ease);}
.aph-err{margin:0;padding:10px 14px;border-radius:var(--r-md);background:var(--warn-soft);font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink);
  line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;}
.aph-err[hidden]{display:none;}
.aph.pi-over{border-radius:var(--r-lg);}
.aev-phs{display:flex;flex-direction:column;gap:var(--s2);}

/* 임시 부모 카드(자세히 창 아빠·엄마 칸 · Feedle 확인 창) — 테두리 묶음(안의 보조 버튼이 회색 면에 묻히지 않게) */
.apc,.afd-par{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:var(--s2) var(--s3);width:100%;padding:var(--s2);
  border-radius:var(--r-lg);box-shadow:inset 0 0 0 1.5px var(--line-2);}
.apc-ph{grid-row:1;width:64px;height:64px;border:0;padding:0;border-radius:var(--r-btn-in);overflow:hidden;background:var(--fill);display:grid;place-items:center;
  color:var(--ink-4);cursor:zoom-in;}
.apc-ph.none{cursor:default;}
.apc-ph img{width:100%;height:100%;object-fit:cover;display:block;}
button.apc-ph:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px;}
.apc-b{display:flex;flex-direction:column;gap:2px;min-width:0;}
.apc-r{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--ink-3);}
.apc-n{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);line-height:1.35;overflow-wrap:anywhere;}
.apc-m{font-size:var(--t-sm);color:var(--ink-2);line-height:1.4;overflow-wrap:anywhere;}
.apc-note{font-size:var(--t-xs);color:var(--info);font-weight:var(--w-semi);line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;}
.apc-ex{font-size:var(--t-sm);color:var(--ok);font-weight:var(--w-bold);line-height:1.4;overflow-wrap:anywhere;}
.apc-ex[hidden]{display:none;}
.apc-acts{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--s2);}
.apc-acts[hidden]{display:none;}
.apc-acts .btn{flex:1 1 auto;max-width:100%;height:auto;min-height:var(--ctl);padding:6px var(--s4);white-space:normal;line-height:1.25;text-align:center;}
.afd-par.none{opacity:.85;}
.afd-par.none .apc-n{color:var(--ink-3);font-weight:var(--w-semi);}
.aev-dl dd .apc{margin:2px 0;}

/* Feedle 확인 창(.ae-fdl) */
.afd-warn{margin:0;padding:10px 14px;border-radius:var(--r-md);background:var(--warn-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;}
.afd-pics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.afd-pic{position:relative;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:var(--fill);}
.afd-pic img{width:100%;height:100%;object-fit:cover;display:block;}
.afd-pic.more b{position:absolute;inset:0;display:grid;place-items:center;background:var(--scrim);color:#fff;font-size:var(--t-lg);font-weight:var(--w-black);}
.afd-nopic{margin:0;padding:var(--s3);border-radius:var(--r-md);background:var(--fill);font-size:var(--t-md);color:var(--ink-3);text-align:center;}
.afd-name{margin:0;font-size:var(--t-xl);font-weight:var(--w-black);color:var(--ink);line-height:1.3;overflow-wrap:anywhere;}
.afd-pcount{margin:0;font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink-2);line-height:1.5;}
.afd-sec{margin:var(--s2) 0 0;font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--ink);}
.afd-pars{display:flex;flex-direction:column;gap:var(--s2);}
.afd-busy{margin:0;padding:10px 14px;border-radius:var(--r-md);background:var(--accent-soft);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--ink);line-height:1.5;}
.afd-busy[hidden],.afd-err[hidden]{display:none;}
.afd-err{margin:0;font-size:var(--t-md)!important;line-height:1.5;}

/* ---------- 정산(auction-settle.html — js/auction-settle.js) ---------- */
.as-page .cp-top .btn.txt{padding-left:var(--s2);}
.as-sub{margin:0;font-size:var(--t-md);color:var(--ink-2);line-height:1.55;overflow-wrap:anywhere;}
/* 합계 4칸 — 이름 + 금액(숫자+원 한 덩어리 — 줄바꿈 금지, 칸이 좁으면 글자를 줄인다) */
.as-tot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);}
.as-tot[hidden]{display:none;}
.as-card{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:var(--s5);display:flex;flex-direction:column;gap:6px;min-width:0;container-type:inline-size;}
.as-card-t{font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink-2);overflow-wrap:anywhere;}
.as-card-v{font-size:var(--t-xl);font-size:clamp(17px, 9.5cqi, 30px);font-weight:var(--w-black);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;
  white-space:nowrap;line-height:1.2;}
.as-card-v[data-neg]{color:var(--warn);}
.as-fees{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:var(--t-sm);color:var(--ink-2);}
.as-fees li{display:flex;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;}
.as-fees li > span{min-width:0;overflow-wrap:anywhere;}
.as-fees b{font-weight:var(--w-semi);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;}
.as-units{display:flex;flex-direction:column;gap:var(--s3);}
.as-units.au-sec{gap:var(--s2);}
/* 주최자·매니저 참가자 줄 — 이름·낙찰 | 최종 금액(한 덩어리) | "›" */
.as-ulist .as-u{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"b pay go";gap:var(--s1) var(--s4);}
.as-ulist .as-u::after{grid-area:go;}
.as-ulist .as-u .rl-b{grid-area:b;}
.as-u-s{display:flex;flex-wrap:wrap;gap:0 var(--s2);}
.as-u-s > span{white-space:nowrap;}
.as-u-s > span:not(:last-child)::after{content:"·";margin-left:var(--s2);color:var(--ink-4);}
.as-u-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.as-u-pay{grid-area:pay;display:flex;flex-direction:column;align-items:flex-end;gap:0;}
.as-u-pay small{font-size:var(--t-xs);font-weight:var(--w-semi);color:var(--ink-3);white-space:nowrap;}
.as-u-pay b{font-size:var(--t-lg);font-weight:var(--w-black);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.as-u-pay[data-neg] b{color:var(--warn);}
/* 펼친 카드(참가자 자기 화면 · 인쇄) */
article.as-u{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:var(--s5) var(--s6);display:flex;flex-direction:column;gap:var(--s3);break-inside:avoid;}
.as-u-h{display:flex;align-items:center;flex-wrap:wrap;gap:6px var(--s2);}
.as-u-n{margin:0;font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--ink);overflow-wrap:anywhere;}
.as-ulist .as-u-n{font-size:var(--t-lg);}
.as-u-k{font-size:var(--t-md);color:var(--ink-3);font-weight:var(--w-semi);}
.as-rows{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px var(--s4);margin:0;}
.as-rows dt{font-size:var(--t-md);color:var(--ink-2);min-width:0;overflow-wrap:anywhere;}
.as-rows dd{margin:0;text-align:right;font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.as-rows .fee{padding-left:var(--s4);font-size:var(--t-sm);}
.as-rows dd.fee{padding-left:0;}
.as-note{grid-column:1 / -1;margin:-2px 0 0;font-size:var(--t-sm);color:var(--ink-3);overflow-wrap:anywhere;}
.as-final{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px var(--s3);padding-top:var(--s3);border-top:2px solid var(--line-2);}
.as-final > span{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--ink);}
.as-final b{margin-left:auto;font-size:var(--t-2xl);font-weight:var(--w-black);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.as-final[data-neg] b{color:var(--warn);}
.as-final small{flex:1 1 100%;font-size:var(--t-sm);color:var(--ink-3);text-align:right;}
.as-done{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--s3);border-radius:var(--r-tag);background:var(--ok-soft);color:var(--ok);
  font-size:var(--t-xs);font-weight:var(--w-bold);white-space:nowrap;}
.as-print-only{display:none;}
@media print{
  body.as-page{background:#fff;}
  .as-page .cp-top,.as-page .as-noprint,.aum-host{display:none!important;}
  .as-page #as-units:has(.as-ulist){display:none!important;}
  .as-page .cp-main{padding:0;max-width:none;gap:10px;}
  .as-page .as-card,.as-page article.as-u{box-shadow:none;border:1px solid #bbb;border-radius:8px;padding:10px 14px;}
  .as-page .as-tot{grid-template-columns:repeat(4,1fr);gap:8px;}
  .as-page .as-card-v,.as-page .as-final b{font-size:20px;}
  .as-page .as-print-only{display:block;}
  .as-page #as-print-units.as-print-only{display:flex;}
}

/* ---------- 좁은 화면 ---------- */
@media (max-width:768px){
  .au-sec{padding:var(--s5) var(--s4);}
  .au-btns .btn,.ad-acts .btn{flex:1 1 auto;white-space:normal;height:auto;min-height:var(--ctl-lg);padding-top:var(--s2);padding-bottom:var(--s2);line-height:1.3;text-align:center;}
  .as-tot{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .aum-host{padding:0;place-items:end stretch;}
  .aum{max-width:none;max-height:100vh;max-height:100dvh;border-radius:var(--r-xl) var(--r-xl) 0 0;padding-bottom:env(safe-area-inset-bottom,0px);}
  .aum-h{padding:var(--s4) var(--s3) var(--s2) var(--s5);}
  .aum-b{padding:var(--s2) var(--s5) var(--s4);}
  .aum-f{padding:var(--s3) var(--s5) var(--s4);}
  .aum-f .btn{flex:1 1 auto;white-space:normal;height:auto;min-height:var(--ctl-lg);line-height:1.3;padding-top:var(--s2);padding-bottom:var(--s2);text-align:center;}
  .aum-f .aum-sp{display:none;}
  .au-infosheet .aum-h{padding-right:var(--s5);}
  .aui-row{grid-template-columns:minmax(0,1fr);gap:2px;}
  .aui-row dt{font-size:var(--t-sm);line-height:1.5;}
  .aev-dl{grid-template-columns:76px minmax(0,1fr);}
  .aef-par{grid-template-columns:minmax(0,1fr);gap:6px;}
  .aef-par[data-feedle]{grid-template-columns:minmax(0,1fr);}
  .aef-par-del{grid-column:1;}
  /* 출품 줄 — 왼쪽 칸에 번호 위·사진 아래(글 칸을 넓게 — 4자리 번호·40자 이름도 덜 접힘) / 결과는 글 아래 */
  .ae-go{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lot body go" "ph body go" "ph res go";grid-template-rows:auto auto 1fr;
    gap:var(--s2) var(--s3);align-items:start;padding:var(--s3);}
  .ae-go::after{align-self:center;}
  .ae-lot{min-height:44px;min-width:max(56px, calc(var(--lotw, 2) * 14px + 26px));padding:0 4px;}
  .ae-lot b{font-size:24px;}
  .ae-lot small{margin-top:4px;}
  .ae-ph{width:56px;height:56px;justify-self:center;}
  .ae-res{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px var(--s2);}
  .ae-search{flex-basis:100%;max-width:none;}
  .ae-fil{display:flex;width:100%;}
  .ae-fil > button{flex:1 1 auto;min-width:0;height:auto;min-height:var(--ctl);padding:6px var(--s2);white-space:normal;word-break:keep-all;line-height:1.2;}
  .ae-fil .n{white-space:nowrap;}
  .ae-meta{gap:0 var(--s2);}
  .ae-meta > span:not(:last-child)::after{margin-left:var(--s2);}
  .ae-hacts{flex:1 1 auto;justify-content:flex-end;}
  .ae-hacts .btn{flex:0 1 auto;min-height:var(--ctl);}
  .ad-name{font-size:var(--t-2xl);}
  .ae-mine .btn,.ae-sold .btn{flex:1 1 100%;white-space:normal;height:auto;min-height:var(--ctl);line-height:1.3;}
  .au-page .cp-head .page-title{font-size:var(--t-2xl);}
  .au-tabs{display:flex;width:100%;}
  .au-tabs > button{flex:1 1 0;min-width:0;}
  .lt-find > .au-search{flex:1 1 180px;width:auto;max-width:none;}
  .au-row{gap:var(--s3);padding:var(--s3);align-items:flex-start;}
  .au-dd{min-width:68px;min-height:64px;padding:6px 4px;}
  .au-dd b{font-size:var(--t-lg);}
  .au-meta{flex-direction:column;gap:0;}
  .au-meta > span:not(:last-child)::after{content:none;}
  .ad-tabs > .ptab{flex:1 1 0;min-width:0;padding:0 var(--s2);}
  .aua-row{grid-template-columns:minmax(0,1fr);gap:6px;}
  .aua-d,.aua-lock{grid-column:1;}
  .ag-bar{padding:var(--s4);}
  .ag-btns{flex:1 1 100%;}
  .ag-btns .btn{flex:1 1 0;min-width:0;white-space:nowrap;padding:0 var(--s3);}
  .ag-temp .btn{flex:1 1 100%;white-space:normal;height:auto;min-height:var(--ctl-lg);line-height:1.3;}
  .ag-nudge{padding:var(--s3);}
  .ag-nudge-btns{flex:1 1 100%;margin-left:0;}
  .ag-nudge .btn{flex:1 1 0;min-width:0;}
  .ad-pin{gap:var(--s2);}
  .ad-pin b{min-width:52px;height:64px;font-size:34px;}
  .aph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);}
  .aph-pick{flex:1 1 100%;}
  .aph-iscover{white-space:normal;word-break:keep-all;}
  /* 임시 부모 카드는 아빠·엄마 글자 아래 한 줄을 다 쓴다(좁은 칸에서 글이 덜 접히게) */
  .aev-dl dd:has(> .apc){grid-column:1 / -1;border-top:0;padding-top:0;}
  .aev-dl dt:has(+ dd > .apc){grid-column:1 / -1;padding-bottom:6px;}
  /* 정산 — 합계는 면 하나 안 줄(이름 | 금액), 금액이 길면 다음 줄 오른쪽으로(숫자는 한 덩어리) */
  .as-tot{grid-template-columns:minmax(0,1fr);gap:0;background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:var(--s2) var(--s4);}
  .as-card{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px var(--s3);padding:var(--s3) 0;border-radius:0;box-shadow:none;background:none;container-type:normal;}
  .as-card + .as-card{border-top:1px solid var(--line);}
  .as-card-v{margin-left:auto;font-size:var(--t-xl);}
  .as-card .as-fees{flex:1 1 100%;}
  article.as-u{padding:var(--s4);}
}
@media (max-width:420px){
  .as-ulist .as-u{grid-template-areas:"b go" "pay go";grid-template-columns:minmax(0,1fr) auto;}
  .as-u-pay{align-items:flex-start;flex-direction:row;align-items:baseline;gap:var(--s2);}
}
@media (max-width:374px){
  /* 아주 좁은 화면 — 번호·사진 칸을 조금 더 작게 */
  .ae-lot{min-width:max(52px, calc(var(--lotw, 2) * 13px + 22px));}
  .ae-lot b{font-size:22px;}
  .ae-lot small{font-size:var(--t-xs);}
  .ae-ph{width:48px;height:48px;}
  .aer-pick > button{font-size:var(--t-lg);}
  .as-card-v,.as-final b{font-size:var(--t-lg);}
  .au-row{padding:var(--s3) var(--s2);}
  .au-dd{min-width:60px;}
  .au-dd b{font-size:var(--t-md);}
  .au-dd small{white-space:normal;word-break:keep-all;line-height:1.25;}
  .aua-lv > button{padding:0 4px;font-size:var(--t-sm);}
  .auf-fee-del{padding:0 var(--s2);}
  .aph-it{padding:4px;}
  .aph-no{top:8px;left:8px;}
  .aph-b,.aph-iscover{font-size:var(--t-xs);padding:4px 2px;}
  .apc,.afd-par{grid-template-columns:52px minmax(0,1fr);}
  .apc-ph{width:52px;height:52px;}
  .ag-who{font-size:var(--t-md);}
  .ag-btns .btn{font-size:var(--t-md);}
  .ad-pin b{min-width:46px;height:58px;font-size:30px;}
}