/* 공통 허위정보 신고 — 바텀시트 오버레이 (Figma 1081:6685 / 시트 1081:6759)
   720px 웹뷰 = Figma 1.92배 → CSS px 직접 사용.
   오버레이/시트 패턴은 profile.css .pf-overlay / .pf-sheet 검증 패턴을 따름.
   색상은 var() 토큰 사용 → 다크모드 자동 대응 (틴트 색은 하단 dark 블록에서 보정). */

.rp-overlay {position:fixed; left:50%; bottom:0; transform:translateX(-50%); z-index:60; width:720px; max-width:100%; height:100%; display:flex; flex-direction:column; justify-content:flex-end; background:rgba(15,23,42,.45);}
.rp-sheet {display:flex; flex-direction:column; max-height:calc(100% - 60px); background:var(--card); border-radius:42px 42px 0 0; box-shadow:0 -11.52px 38.4px rgba(0,0,0,.22); overflow:hidden;}

/* 그립 핸들 (1081:6762) */
.rp-grip {display:flex; align-items:center; justify-content:center; padding:23px 0 8px;}
.rp-grip span {width:77px; height:8px; border-radius:8px; background:var(--line);}

/* 헤더 (1081:6763) */
.rp-head {display:flex; align-items:center; justify-content:space-between; padding:5px 35px 25px; border-bottom:1.92px solid var(--line);}
.rp-title {font-size:31px; font-weight:800; color:var(--ink);}
.rp-close {display:flex; align-items:center; justify-content:center; width:61px; height:61px; padding:0; border:1.92px solid var(--line); border-radius:31px; background:var(--snow); cursor:pointer;}
.rp-close img {width:27px; height:27px;}

/* 본문 스크롤 영역 (1081:6770) */
.rp-body {flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:27px 35px 31px;}

/* 섹션 라벨 (신고 유형 선택 / 상세 내용 / 증거 사진) */
.rp-label {display:flex; align-items:center; gap:10px; margin-bottom:13px; font-size:21px; font-weight:700; color:var(--sub);}
.rp-label img {width:25px; height:25px;}
.rp-label .req {color:#dc2626; font-weight:700;}
.rp-label .opt {color:var(--mute); font-weight:400;}

/* 신고 유형 라디오 리스트 (1081:6779) */
.rp-reasons {display:flex; flex-direction:column; gap:11.5px; margin-bottom:25px;}
.rp-reason {display:flex; gap:23px; align-items:center; width:100%; padding:23px 29px; text-align:left; background:var(--snow); border:1.92px solid var(--line); border-radius:19px; cursor:pointer;}
.rp-reason.on {background:#eff6ff; border-color:#1b2e4b;}
.rp-reason-ic {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:69px; height:69px; border-radius:17px;}
.rp-reason-ic img {width:34.5px; height:34.5px;}
.rp-reason-ic.c-red {background:#fef2f2;}
.rp-reason-ic.c-amber {background:#fffbeb;}
.rp-reason-ic.c-blue {background:#eff6ff;}
.rp-reason-ic.c-green {background:#ecfdf5;}
.rp-reason-ic.c-gray {background:#f3f4f6;}
.rp-reason-txt {flex:1; min-width:0; display:flex; flex-direction:column; gap:4px;}
.rp-reason-t {font-size:25px; font-weight:700; color:var(--ink);}
.rp-reason.on .rp-reason-t {color:#1b2e4b;}
.rp-reason-d {font-size:21px; font-weight:400; color:var(--sub);}
.rp-radio {flex:0 0 auto; width:38px; height:38px; border:3.84px solid var(--line); border-radius:19px; box-sizing:border-box;}
.rp-reason.on .rp-radio {display:flex; align-items:center; justify-content:center; border-color:#1b2e4b; background:#1b2e4b;}
.rp-reason.on .rp-radio::after {content:''; width:15px; height:15px; border-radius:8px; background:#fff;}

/* 상세 내용 텍스트에어리어 (1081:6845) */
.rp-textarea {width:100%; height:186px; padding:32px 27px; box-sizing:border-box; resize:none; font-family:inherit; font-size:25px; line-height:40px; color:var(--ink); background:var(--snow); border:1.92px solid var(--line); border-radius:19px; outline:none;}
.rp-textarea::placeholder {color:var(--mute);}
.rp-count {margin:6px 0 0; text-align:right; font-size:21px; color:var(--mute);}

/* 증거 사진 (1081:6858) */
.rp-photos {display:flex; flex-wrap:wrap; gap:13px; margin:13px 0 25px;}
.rp-photo-item {position:relative; width:123px; height:123px; border-radius:15px; overflow:hidden; background:var(--snow);}
.rp-photo-item img {width:100%; height:100%; object-fit:cover; display:block;}
.rp-photo-x {position:absolute; top:6px; right:6px; display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; font-size:24px; line-height:1; color:#fff; background:rgba(0,0,0,.55); border:0; border-radius:17px; cursor:pointer;}
.rp-photo-add {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:123px; height:123px; background:var(--snow); border:3.84px dashed var(--line); border-radius:15px; cursor:pointer; box-sizing:border-box;}
.rp-photo-add img {width:38px; height:38px;}
.rp-photo-add span {font-size:19px; font-weight:600; color:#2563eb;}

/* 경고 안내 (1081:6865) */
.rp-warn {display:flex; gap:11.5px; padding:19px 23px; margin-bottom:21px; background:#fffbeb; border:1.92px solid #fde68a; border-radius:15px;}
.rp-warn img {flex:0 0 auto; width:25px; height:25px; margin-top:3px;}
.rp-warn p {margin:0; font-size:21px; line-height:31.7px; color:#92400e;}

/* 신고 접수하기 버튼 (1081:6871) */
.rp-submit {display:flex; align-items:center; justify-content:center; gap:13px; width:100%; padding:27px; font-size:29px; font-weight:700; color:#fff; background:#dc2626; border:0; border-radius:19px; cursor:pointer;}
.rp-submit img {width:31px; height:31px;}
.rp-submit:disabled {opacity:.6; cursor:default;}

/* 접수 완료 상태 */
.rp-success {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:19px; padding:96px 35px;}
.rp-success-ic {display:flex; align-items:center; justify-content:center; width:115px; height:115px; border-radius:58px; background:#ecfdf5;}
.rp-success-ic img {width:58px; height:58px;}
.rp-success-t {font-size:31px; font-weight:800; color:var(--ink); text-align:center;}
.rp-success-d {font-size:23px; color:var(--sub); text-align:center;}

/* ===== 다크모드 — 틴트 배경/선택 상태 보정 ===== */
.churchro.dark-mode .rp-reason.on {background:#16243b; border-color:#3b5b86;}
.churchro.dark-mode .rp-reason.on .rp-reason-t {color:#93c5fd;}
.churchro.dark-mode .rp-reason.on .rp-radio {border-color:#3b5b86; background:#3b5b86;}
.churchro.dark-mode .rp-reason-ic.c-red {background:#3a1d1d;}
.churchro.dark-mode .rp-reason-ic.c-amber {background:#33260d;}
.churchro.dark-mode .rp-reason-ic.c-blue {background:#16243b;}
.churchro.dark-mode .rp-reason-ic.c-green {background:#16321f;}
.churchro.dark-mode .rp-reason-ic.c-gray {background:#243049;}
.churchro.dark-mode .rp-warn {background:#33260d; border-color:#5b4a1e;}
.churchro.dark-mode .rp-warn p {color:#fcd34d;}
.churchro.dark-mode .rp-success-ic {background:#16321f;}
.churchro.dark-mode .rp-photo-add span {color:#60a5fa;}