/* 특가/예판 참여·취소 확인 시트(_confirm_sheet) 컴포넌트 — PC·모바일 공용 */
@layer ua, reset, vendor, legacy, token, layout, component, variant, utility;
@layer component{
    .mn-sheet-wrap{display:none;position:fixed;inset:0;z-index:999999}
    .mn-sheet-wrap .mn-sheet-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:rgba(0,0,0,.55);overflow:auto}
    /* 등장 전환 — popupControl()은 display만 켜므로 켜질 때 한 번 도는 키프레임으로 번쩍임을 눅인다 */
    .mn-sheet-wrap .mn-sheet-layer{animation:mn-sheet-dim .18s ease-out}
    .mn-sheet-wrap .mn-sheet{animation:mn-sheet-in .22s cubic-bezier(.2,.8,.2,1)}
    @keyframes mn-sheet-dim{from{opacity:0}}
    @keyframes mn-sheet-in{from{opacity:0;transform:translateY(12px)}}
    @media (prefers-reduced-motion:reduce){.mn-sheet-wrap .mn-sheet-layer,.mn-sheet-wrap .mn-sheet{animation:none}}
    /* 가운데 정렬은 transform 대신 flex 레이어(.mn-sheet-layer) — translate는 반 픽셀에 그려져 1px 테두리·radius가 뭉개진다. 줄높이도 정수 px */
    .mn-sheet{position:relative;box-sizing:border-box;width:480px;max-width:100%;max-height:100%;overflow-y:auto;padding:0 20px 20px;border-radius:12px;background:var(--bg-app);--mn-sheet-shadow:0 12px 40px rgba(0,0,0,.45);box-shadow:var(--mn-sheet-shadow);color:var(--text-primary);font-size:13px;line-height:20px}
    /* 그림자는 컴포넌트 로컬 토큰 짝 — 라이트는 밝은 면 위라 더 연하게 */
    body.light-theme .mn-sheet{--mn-sheet-shadow:0 12px 32px rgba(0,0,0,.18)}
    .mn-sheet__head{display:flex;align-items:center;justify-content:space-between;height:56px}
    .mn-sheet__head h3{margin:0;font-size:17px;font-weight:600;line-height:24px;color:var(--text-primary)}
    .mn-sheet__close{width:36px;height:36px;margin-right:-8px;padding:0;border:0;background:none;color:var(--text-secondary-readable);cursor:pointer}
    .mn-sheet__close::before{content:"";display:block;width:14px;height:14px;margin:0 auto;background:currentColor;-webkit-mask:url(../images/common/ic_close_w.svg) no-repeat center/contain;mask:url(../images/common/ic_close_w.svg) no-repeat center/contain}
    .mn-sheet__post{display:flex;gap:12px;align-items:center;padding:12px 0 14px}
    .mn-sheet__thumb{flex:none;width:64px;height:64px;border-radius:8px;object-fit:cover;background:var(--bg-surface)}
    .mn-sheet__post-text{min-width:0}
    .mn-sheet__post-text b{display:block;font-size:14px;line-height:20px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .mn-sheet__post-text span{display:block;margin-top:2px;font-size:12px;line-height:18px;color:var(--text-secondary-readable)}
    .mn-sheet__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
    .mn-sheet__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;background:var(--bg-surface)}
    .mn-sheet__row-text{min-width:0}
    .mn-sheet__row-text b{display:block;font-size:14px;line-height:20px;font-weight:600}
    .mn-sheet__row-text span{display:block;margin-top:2px;font-size:12px;line-height:18px;color:var(--text-secondary-readable)}
    .mn-sheet__row em{flex:none;font-style:normal;font-size:13px;color:var(--text-primary)}
    .mn-sheet__row--empty{justify-content:center;color:var(--text-secondary-readable)}
    .mn-sheet__sum{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-divider);font-size:14px}
    .mn-sheet__sum b{font-weight:700;color:var(--text-warning)}
    .mn-sheet__note{margin:10px 0 0;font-size:12px;line-height:18px;color:var(--text-secondary-readable)}
    .mn-sheet__note--warn{color:var(--text-error)}
    .mn-sheet__foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
    .mn-sheet__foot a,.mn-sheet__foot button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
    .mn-sheet__foot .mn-btn-primary{background:var(--interactive-primary);color:var(--text-on-primary)}
    .mn-sheet__foot .mn-btn-secondary{background:var(--btn-neutral-bg-default);color:var(--btn-neutral-fg)}
    .mn-sheet__foot .mn-btn-cancel{background:transparent;color:var(--text-error);box-shadow:inset 0 0 0 1px var(--text-error)}
    .mn-sheet__foot .mn-btn-primary:hover,.mn-sheet__foot .mn-btn-secondary:hover{box-shadow:inset 0 0 0 36px color-mix(in srgb, var(--text-primary) 10%, transparent)}
    .mn-sheet__foot .mn-btn-cancel:hover{background:color-mix(in srgb, var(--text-error) 12%, transparent)}
    .mn-sheet__gate{display:block;margin-top:12px}
    .mn-sheet__gate span{display:block;margin-bottom:6px;font-size:12px;line-height:18px;color:var(--text-secondary-readable)}
    .mn-sheet__input{box-sizing:border-box;width:100%;height:40px;padding:0 12px;border:1px solid var(--border-divider);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:14px}
    .mn-sheet__input::placeholder{color:var(--text-secondary-readable)}
    .mn-sheet__input:focus{outline:0;border-color:var(--interactive-primary)}
    .mn-sheet__cancel:invalid .mn-btn-cancel{opacity:.45;pointer-events:none}
}