/* 「읽고 확인했다」 창 (/shared/ack-confirm.js) — 구독 취소·회원탈퇴가 같은 것을 쓴다.
 *
 * 색은 모두 /shared/theme.css 의 토큰이다. 네 화면(관리자·센터·작업자)이 그 파일을 함께 싣는다.
 */
.mw-ack-notice {
  padding: 12px 14px; border-radius: 10px; font-size: 13px; line-height: 1.75;
  background: var(--mw-warn-soft); color: var(--mw-warn-ink); border: 1px solid var(--mw-warn);
  max-height: 44vh; overflow-y: auto;
}
.mw-ack-notice p { margin: 0; }
.mw-ack-notice p + p { margin-top: 7px; }
.mw-ack-notice b { font-weight: 800; }
.mw-ack-check {
  display: flex; align-items: flex-start; gap: 8px; margin-top: 13px;
  font-size: 13px; font-weight: 700; color: var(--mw-ink); cursor: pointer; line-height: 1.5;
}
.mw-ack-field { margin-top: 12px; }
.mw-ack-field[hidden] { display: none; }
.mw-ack-field > label {
  display: block; margin-bottom: 4px; font-size: 12px; color: var(--mw-muted); font-weight: 600;
}
.mw-ack-field textarea,
.mw-ack-field input {
  width: 100%; box-sizing: border-box; padding: 9px 10px; font-size: 13.5px; font-family: inherit;
  border: 1px solid var(--mw-line-strong); border-radius: 8px;
  background: var(--mw-surface); color: var(--mw-ink);
}
.mw-ack-field textarea { resize: vertical; }
.mw-ack-err { min-height: 18px; margin-top: 8px; font-size: 12.5px; color: var(--mw-bad-ink); font-weight: 600; }
.mw-ack-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 6px; flex-wrap: wrap; }
/* 작업자 화면은 button 이 기본으로 width:100% 라, 두 단추가 한 줄에 서지 않는다. */
.mw-ack-actions .btn { width: auto; }

/* 탈퇴가 막혔을 때 그 까닭을 단추 위에 적는다 — 눌러 보고 나서야 알면 늦다.
   세 화면(관리자·센터·작업자)이 같은 이름을 쓴다. */
.withdraw-blocked {
  margin-bottom: 10px; padding: 10px 12px; border-radius: 10px; font-size: 12.5px; line-height: 1.6;
  background: var(--mw-warn-soft); color: var(--mw-warn-ink); border: 1px solid var(--mw-warn);
}
.withdraw-blocked[hidden] { display: none; }
/* 구독 취소 신청 상태 — 관리자 구독 정보 화면. */
.sub-cancel-state {
  margin-top: 10px; padding: 11px 13px; border-radius: 10px; font-size: 12.5px; line-height: 1.65;
  background: var(--mw-warn-soft); color: var(--mw-warn-ink); border: 1px solid var(--mw-warn);
  display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
}
.sub-cancel-state[hidden] { display: none; }
.sub-cancel-state .btn { width: auto; }