/* =========================================================================
 * 운영 페이지 「환불 요청」 탭(/ops/refunds/) — 2026-10-07. 이 탭에서만 싣는다(functions.php).
 * 목록·배지·버튼은 ops.css 공용 클래스 그대로다. 여기에는 그것으로 안 되는 둘만:
 *   .ops-refunds-guide  탭 맨 위 「확인함은 환불이 아니다」 안내(ops-refunds-island.js 상단 ★).
 *                       알림(.ops-notice)과 겹쳐 보이지 않게 점선 테두리로 구분한다 — 알림은 처리
 *                       결과가 바뀔 때마다 갈리고, 이 안내는 늘 같은 자리에 있다.
 *   .ops-refund-order   주문 금액·상태 한 줄. 사라진 주문은 흐리게.
 * ========================================================================= */

.ops-refunds-guide{margin:0 0 14px; padding:10px 12px; border:2px dashed var(--card-line); border-radius:4px}
.ops-refunds-guide-main{margin:0; font-size:13.5px; font-weight:700; line-height:1.5; color:var(--ink); overflow-wrap:anywhere}
.ops-refunds-guide .ops-meta{margin-top:4px}

.ops-refund-order{margin:0 0 2px; font-size:13.5px; font-weight:700; color:var(--ink); overflow-wrap:anywhere}
.ops-refund-order.is-gone{color:var(--muted); font-weight:600}

.ops-refunds-foot{margin-top:12px; text-align:center}

/* 좁은 화면(390px 등): 버튼 두 개가 한 줄을 나눠 쓰고, 누르기 쉬운 높이를 준다. */
@media (max-width:600px){
  .ops-refund .ops-actions .btn{flex:1 1 0; display:inline-flex; align-items:center; justify-content:center; min-height:44px; text-align:center}
}

/* 「환불하기」 금액 칸(2026-10-07 부분 환불) — 그 줄 안에서 열린다. */
.ops-refund-form{margin-top:10px; padding:10px 12px; border:2px solid var(--action); border-radius:5px; display:flex; flex-direction:column; gap:8px}
.ops-refund-amount{display:flex; align-items:center; gap:8px; font-weight:800; font-size:14px}
.ops-refund-amount .ops-field{width:160px; font-family:var(--mono); font-size:15px}
.ops-refund-form .ops-meta{margin:0}
.ops-refund-form-acts{display:flex; gap:8px; flex-wrap:wrap}
@media (max-width:600px){ .ops-refund-amount .ops-field{min-height:44px; font-size:16px} }