/* 마이페이지 「물품 후원」 칸 — 보내주신 물품 목록. (2026-08-22)
   my.css 를 건드리지 않으려고 새 파일로 두었습니다. my.php 가 my.css 뒤에 부릅니다.
   색은 style.css 의 변수와 my.css 에서 쓰던 값을 그대로 씁니다 — 새 색을 만들지 않았습니다.

   ★ 노랑을 쓰지 않았습니다 ★ 이 집에서 노랑은 「봐두셔야 하는 것」입니다.
     「기다리는 중」은 보내주신 분이 하실 일이 없으므로 옅은 회색으로 둡니다.

   ★ 폰에서 잘리지 않게 ★ grid 대신 flex 를 쓰고 글씨 칸에 min-width:0 을 주었습니다.
     (1fr 은 minmax(auto,1fr) 이라 keep-all 한글보다 좁아지지 않습니다 — 2026-08-20) */

.mglist{margin:2px 0 4px}

.mgrow{display:flex; align-items:baseline; gap:10px; padding:11px 2px;
  border-bottom:.5px solid var(--line-soft)}
.mgrow:last-child{border-bottom:0}

/* 물품 이름 — 길면 줄바꿈합니다. min-width:0 이 있어야 폰에서 안 밀립니다 */
.mgi{flex:1 1 auto; min-width:0; font-size:14px; color:var(--ink);
  line-height:1.6; word-break:keep-all}

.mghow{display:inline-block; margin-left:6px; font-size:11.5px; color:var(--muted);
  background:var(--p-1); border-radius:999px; padding:2px 8px; white-space:nowrap}

.mgd{flex:0 0 auto; font-size:12.5px; color:var(--muted); white-space:nowrap}

/* 지금 어떻게 됐는지 — 딱지 하나 */
.mgs{flex:0 0 auto; font-size:11.5px; border-radius:999px; padding:3px 10px;
  white-space:nowrap}
.mgs.done{color:var(--ok); background:var(--ok-bg)}
.mgs.wait{color:var(--muted); background:var(--p-1)}
.mgs.end {color:var(--muted); background:var(--p-1); opacity:.7}

/* 아직 이어진 것이 없을 때 — 왜 비었는지 여기서 말합니다 */
.mgnone{font-size:13.5px; color:var(--muted); line-height:1.8; word-break:keep-all;
  margin:2px 0 10px}
.mgnone a{color:var(--accent-strong)}

.mgmore{font-size:13px; margin:0}
.mgmore a{color:var(--accent-strong)}

.mgthx{font-size:13px; color:var(--muted); line-height:1.7; word-break:keep-all;
  margin:12px 0 0}

/* 폰에서는 날짜와 딱지를 물품 이름 아래로 내려 보냅니다 */
@media (max-width:430px){
  .mgrow{flex-wrap:wrap; gap:6px 10px}
  .mgi{flex:1 1 100%}
}