/* korjob-report-sheet.css — 신고 사유 고르기(공용). job-detail 의 .rpt-* 와 같은 모양.
   z-index 9300: 하단 네비(900)·페이지 시트 위 · 토스트(9400) 아래 [L-6] */
.kjrs-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9300;display:none;align-items:flex-end;justify-content:center;}
.kjrs-overlay.open{display:flex;}
.kjrs-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:430px;max-height:90vh;overflow-y:auto;padding:20px 20px calc(env(safe-area-inset-bottom, 0px) + 20px);box-sizing:border-box;}
.kjrs-title{margin:0 0 6px;font-size:16px;font-weight:800;color:#111;letter-spacing:-.4px;word-break:keep-all;overflow-wrap:anywhere;}
.kjrs-desc{margin:0 0 14px;font-size:12.5px;color:#5B6472;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
.kjrs-opts{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;}
.kjrs-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 14px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;color:#111;font-family:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:anywhere;box-sizing:border-box;}
.kjrs-dot{flex-shrink:0;width:16px;height:16px;border-radius:50%;border:1.5px solid #C4C9D2;background:#fff;box-sizing:border-box;}
.kjrs-opt[aria-checked="true"]{background:#EEF4FF;border-color:#0F52BA;color:#0F52BA;}
.kjrs-opt[aria-checked="true"] .kjrs-dot{border-color:#0F52BA;background:#0F52BA;box-shadow:inset 0 0 0 3px #fff;}
.kjrs-urgent{display:flex;gap:8px;align-items:flex-start;margin:0 0 14px;background:#F4F5F7;border-radius:10px;padding:10px 12px;font-size:12px;color:#5B6472;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere;}
.kjrs-urgent svg{flex-shrink:0;width:14px;height:14px;margin-top:2px;}
.kjrs-submit{display:block;width:100%;background:#0F52BA;color:#fff;border:0;border-radius:12px;padding:14px;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:-.3px;cursor:pointer;}
.kjrs-submit:disabled{background:#C4C9D2;cursor:default;}
.kjrs-cancel{display:block;width:100%;margin-top:6px;padding:10px;border:0;background:none;font-family:inherit;font-size:12.5px;color:#6B7280;cursor:pointer;}
@media (min-width:700px){
  .kjrs-overlay{align-items:center;}
  .kjrs-sheet{border-radius:20px;padding:24px;margin-bottom:5vh;}
  .kjrs-opt{font-size:14px;}
}
@media (hover:hover) and (pointer:fine){
  .kjrs-opt:hover{border-color:#C4C9D2;}
  .kjrs-opt[aria-checked="true"]:hover{border-color:#0F52BA;}
  .kjrs-submit:not(:disabled):hover{background:#0D45A0;}
}

/* ── 신고 버튼(공용 · 2026-09-27) — 글·카드의 행동 줄 오른쪽 끝에 둔다.
   [도움돼요] 보다 한 단계 약하게: 테두리 없음 · 회색 글자(#6B7280 · 흰 바탕 대비 4.8:1) · 빨강 금지.
   예전에는 10px 연회색(#CCC · 대비 1.6:1) 글자나 글자 없는 깃발 아이콘이라 신고 버튼으로 읽히지 않았다. */
.kjrs-trigger{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 10px;margin-left:auto;border:0;border-radius:8px;
  background:none;color:#6B7280;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;}
.kjrs-trigger svg{width:14px;height:14px;flex-shrink:0;}
.kjrs-trigger.sm{min-height:32px;padding:0 8px;font-size:12px;}
.kjrs-trigger:focus-visible{outline:2px solid #0F52BA;outline-offset:2px;}
@media (min-width:700px){ .kjrs-trigger{font-size:13px;} .kjrs-trigger.sm{font-size:12.5px;} }
@media (hover:hover) and (pointer:fine){ .kjrs-trigger:hover{background:#F4F5F7;color:#374151;} }