/* 댓글 신고 모달 (rt-report.js). 값은 예측마켓 신고 모달·삭제 확인 모달과 같다. 이 파일만으로 완결된다(다른 스킨에서도 그대로 재사용). */
.rt-rp-wrap { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; overflow-y: auto; background: rgba(5, 12, 24, .62); }
.rt-rp-box { box-sizing: border-box; width: min(380px, 100%); margin: auto; padding: 26px 24px 22px; border: 1px solid rgba(149, 107, 255, .28); border-radius: 16px; background: linear-gradient(rgba(12, 18, 44, .96), rgba(8, 13, 34, .98)); color: #f7f7fa; box-shadow: 0 12px 32px rgba(0, 0, 0, .4); }
.rt-rp-title { margin: 0 0 8px; font-size: 18px; font-weight: 700; line-height: 1.4; text-align: center; }
.rt-rp-hint { margin: 0 0 14px; text-align: center; font-size: 13.5px; color: #aab1c7; }
.rt-rp-reasons { display: flex; flex-direction: column; gap: 8px; margin: 0 0 20px; }
.rt-rp-reasons label { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; border: 1px solid #39316b; border-radius: 10px; background: #15183f; color: #f7f7fa; font-size: 15px; cursor: pointer; }
.rt-rp-reasons label:has(input:checked) { border-color: rgba(190, 165, 255, .5); background: rgba(149, 107, 255, .16); }
.rt-rp-reasons input { width: 18px; height: 18px; margin: 0; accent-color: #7549eb; }
.rt-rp-err { margin: -8px 0 14px; text-align: center; font-size: 13.5px; font-weight: 700; line-height: 1.4; color: #fb7185; }
.rt-rp-btns { display: flex; gap: 10px; justify-content: center; }
.rt-rp-btns button { min-width: 96px; height: 44px; padding: 0 18px; border-radius: 10px; font-size: 15px; font-weight: 700; line-height: 1; cursor: pointer; }
.rt-rp-cancel { border: 1px solid #39316b; background: #15183f; color: #f7f7fa; }
.rt-rp-cancel:hover { border-color: rgba(149, 107, 255, .35); background: rgba(149, 107, 255, .16); }
.rt-rp-ok { border: 1px solid rgba(190, 165, 255, .5); background: #7549eb; color: #fff; }
.rt-rp-ok:hover { background: #8157f2; border-color: rgba(190, 165, 255, .5); }
.rt-rp-btns button:disabled { opacity: .6; cursor: default; }
.rt-rp-btns button:focus-visible { outline: 2px solid #b49aff; outline-offset: 2px; }
.rt-rp-toast { position: fixed; left: 50%; bottom: 28px; z-index: 100001; max-width: calc(100vw - 32px); transform: translateX(-50%); padding: 11px 18px; border: 1px solid rgba(149, 107, 255, .28); border-radius: 10px; background: linear-gradient(rgba(12, 18, 44, .96), rgba(8, 13, 34, .98)); color: #f7f7fa; font-size: 14px; box-shadow: 0 8px 24px rgba(0, 0, 0, .4); }
@media (max-width: 420px) { .rt-rp-box { padding: 22px 18px 18px; } .rt-rp-btns button { flex: 1 1 0; min-width: 0; } }