/* 마이페이지 전용 스타일 */
.me-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}
.stack{max-width:760px;display:grid;gap:20px}
.card{background:var(--surface);border:1.5px solid var(--line);border-radius:20px;padding:24px}
.card h3{margin:0 0 16px;font-size:20px;letter-spacing:-.02em}
.fld{margin-bottom:16px}.fld label{display:block;font-weight:700;margin-bottom:6px;font-size:15px}
.fld input[type=text],.fld input[type=email],.fld input[type=password]{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.fld input[readonly]{background:#F4F7F6;color:var(--muted)}
.fld small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.chk{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;color:var(--muted);font-size:14px}
.chk input{margin-top:5px;accent-color:var(--blue)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn.danger{background:#C62828;color:#fff}
.btn:disabled{opacity:.6;cursor:default}
.msg{min-height:1.4em;margin:8px 0 0;font-weight:500}
.msg.err{color:#C62828}.msg.ok{color:#1B7F4B}
.order{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line)}
.order:first-child{border-top:0;padding-top:0}
.order strong{font-size:17px}.order small{display:block;color:var(--muted);font-size:13px}
.order .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.badge{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--hi);color:var(--onhi)}
.badge.gray{background:#E6ECEA;color:var(--muted)}
.empty{color:var(--muted);margin:0}
.note{color:var(--muted);font-size:13px;margin:12px 0 0}
details.card summary{font-weight:700;font-size:20px;letter-spacing:-.02em;cursor:pointer}
details.card>div{margin-top:16px}
details.card{border-bottom:1.5px solid var(--line);padding:24px}

.order-detail{margin:0 0 18px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.order-detail h4{margin:0 0 10px;font-size:16px}
.order-detail .qr{display:block;width:180px;height:180px;object-fit:contain;margin:14px auto 8px;background:#fff;border-radius:8px}
.order-detail .qr-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.6;margin:8px 0}