/* 마이페이지 「기부금영수증」 칸 (2026-09-27) — 이름은 모두 mr- 로 시작합니다.
   my.css 를 건드리지 않으려고 새 파일로 두었습니다. my.php 가 my.css 뒤에 부릅니다.
   색은 style.css 의 변수와 mygift.css 에서 쓰던 값만 씁니다 — 새 색을 만들지 않았습니다.
   ★ 노랑을 쓰지 않았습니다 ★ 이 집에서 노랑은 「봐두셔야 하는 것」입니다. 「접수됐어요」는 기다리시기만 하면 되니 회색.
   ★ 폰에서 잘리지 않게 ★ flex + 글씨 칸 min-width:0 (mygift.css 와 같은 까닭) */

.mr-h{font-size:12.5px; color:var(--muted); margin:4px 0 6px; font-weight:600}

/* 받는 분 한 분 */
.mr-who{border:.5px solid var(--line-soft); border-radius:12px; padding:12px 14px; margin:0 0 10px}
.mr-who b{font-size:14.5px; color:var(--ink)}
.mr-who p{margin:6px 0 0; font-size:13px; color:var(--muted); line-height:1.7; word-break:keep-all}
.mr-tag{display:inline-block; margin-left:6px; font-size:11.5px; border-radius:999px; padding:2px 9px;
  color:var(--ok); background:var(--ok-bg); white-space:nowrap; vertical-align:1px}
.mr-yrs{display:flex; flex-wrap:wrap; gap:5px; margin-top:8px}
.mr-yrs span{font-size:11.5px; color:var(--muted); background:var(--p-1); border-radius:999px; padding:2px 9px; white-space:nowrap}

/* 그만두기 — 글자 단추. 한 번 누르면 붉게 물어보고, 한 번 더 눌러야 갑니다 */
.mr-stop{border:0; background:none; padding:0; margin-top:8px; font:inherit; font-size:12.5px;
  color:var(--muted); text-decoration:underline; cursor:pointer}
.mr-stop:hover{color:var(--accent-strong)}
.mr-stop.arm{color:#fff; background:#A32D2D; text-decoration:none; border-radius:8px; padding:6px 11px}
.mr-stop:disabled{opacity:.5; cursor:default}

/* 신청 한 건 */
.mr-app{padding:11px 2px; border-bottom:.5px solid var(--line-soft)}
.mr-app:last-child{border-bottom:0}
.mr-top{display:flex; align-items:baseline; gap:10px}
.mr-nm{flex:1 1 auto; min-width:0; font-size:14px; color:var(--ink); line-height:1.6; word-break:keep-all}
.mr-d{flex:0 0 auto; font-size:12.5px; color:var(--muted); white-space:nowrap}
.mr-s{flex:0 0 auto; font-size:11.5px; border-radius:999px; padding:3px 10px; white-space:nowrap}
.mr-s.new {color:var(--muted); background:var(--p-1)}
.mr-s.done,.mr-s.sent{color:var(--ok); background:var(--ok-bg)}
.mr-say{margin:5px 0 0; font-size:13px; color:var(--muted); line-height:1.7; word-break:keep-all}
.mr-say b{color:var(--ink); font-weight:600}
.mr-say a{color:var(--accent-strong)}

.mr-none{font-size:13.5px; color:var(--muted); line-height:1.8; word-break:keep-all; margin:2px 0 10px}
.mr-none a,.mr-foot a{color:var(--accent-strong)}
.mr-foot{font-size:13px; margin:12px 0 0; line-height:1.9; color:var(--muted); word-break:keep-all}
.mr-msg{font-size:13px; color:var(--ok); margin:8px 0 0; line-height:1.7; word-break:keep-all}
.mr-msg.err{color:#A32D2D}

@media (max-width:430px){
  .mr-top{flex-wrap:wrap; gap:6px 10px}
  .mr-nm{flex:1 1 100%}
}