/* AIMarker 일괄 확인 리포트(/report/) · mark.css 위에 얹음 */
.rp-tool { padding: 26px 30px 30px; }
.rp-step { display: flex; gap: 14px; align-items: flex-start; margin: 6px 0 14px; }
.rp-step + .rp-step, .rp-opts + .rp-step, .rp-picked + .rp-step, .rp-drop + .rp-step { margin-top: 30px; }
.rp-n { flex: none; width: 30px; height: 30px; border-radius: 10px; background: var(--navy); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 15px; }
.rp-step h2 { font-size: 19px; font-weight: 850; letter-spacing: -.02em; line-height: 1.3; }
.rp-step h2 small { font-size: 13px; font-weight: 700; color: var(--mute); margin-left: 8px; letter-spacing: 0; }
.rp-step p { color: var(--mute); font-size: 14.5px; margin-top: 2px; }
.rp-drop { min-height: 200px; }
.rp-drop[aria-disabled="true"] { opacity: .55; pointer-events: none; }
.rp-pick { margin-top: 6px; justify-content: center; }
.rp-pick .btn { cursor: pointer; }
.rp-picked { margin-top: 14px; border: 1px solid var(--line); border-radius: 14px; padding: 12px 16px; background: #fff; }
.rp-picked-h { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rp-picked-h b { font-size: 16px; }
.rp-picked-h span { color: var(--mute); font-size: 14px; }
.rp-picked-h .btn { margin-left: auto; }
.rp-names { color: var(--ink-2); font-size: 13.5px; margin-top: 6px; word-break: break-all; }
.rp-skip { color: var(--amber); font-size: 13px; margin-top: 4px; }
.rp-opts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 18px; }
.rp-f { display: flex; flex-direction: column; gap: 6px; }
.rp-f > span { font-size: 13.5px; font-weight: 750; color: var(--ink-2); }
.rp-f input[type="text"] { height: 44px; border: 1px solid var(--line-2); border-radius: 12px; padding: 0 14px; font: inherit; font-size: 15px; background: #fff; }
.rp-f input[type="text"]:focus { outline: 2px solid var(--blue-100); border-color: var(--blue); }
.rp-csv { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-height: 44px; }
.rp-csv .btn { cursor: pointer; max-width: 100%; }
.rp-csv .btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
.rp-link { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; color: var(--blue); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; padding: 6px 2px; }
.rp-link .ico { width: 16px; height: 16px; }
.rp-csv-note { color: var(--mute); font-size: 12.5px; }
.rp-csv-note.bad { color: var(--red); }
.rp-go { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line); }
.rp-go .note { color: var(--mute); font-size: 14px; }
.rp-prog { margin-top: 18px; padding: 16px 18px; border-radius: 14px; background: var(--soft); }
.rp-pl { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; color: var(--ink-2); margin-top: 8px; }
.rp-pl:first-child { margin-top: 0; }
.rp-pl b { font-variant-numeric: tabular-nums; }
.rp-pb { height: 8px; border-radius: 4px; background: #E3E8F1; overflow: hidden; margin-top: 6px; }
.rp-pb i { display: block; height: 100%; width: 0; background: var(--blue); border-radius: 4px; transition: width .35s ease; }
.rp-pb + .rp-pl + .rp-pb i { background: var(--navy); }
.rp-ps { margin-top: 10px; font-size: 13.5px; color: var(--mute); }
.rp-result { margin-top: 28px; }
.rp-acts { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 18px 22px; border-radius: 18px; background: var(--navy); color: #fff; box-shadow: var(--sh-2); }
.rp-acts > div:first-child { display: flex; flex-direction: column; gap: 4px; max-width: 560px; }
.rp-acts > div:first-child b { font-size: 17px; }
.rp-acts > div:first-child span { color: #C3CFEE; font-size: 13.5px; }
.rp-acts .btn-g { background: rgba(255, 255, 255, .08); color: #fff; border-color: rgba(255, 255, 255, .28); }
.rp-acts .btn-p { background: #fff; color: var(--navy); }
.rp-frame { display: block; width: 100%; min-height: 900px; margin-top: 16px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--sh-1); }
.rp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.rp-grid article { border: 1px solid var(--line); border-radius: 18px; padding: 22px 22px 20px; background: #fff; }
.rp-grid h3 { font-size: 17px; font-weight: 850; letter-spacing: -.02em; }
.rp-grid p { color: var(--ink-2); font-size: 14.5px; margin-top: 8px; }
.rp-2col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 40px; align-items: center; }
.rp-2col p { color: var(--ink-2); margin: 12px 0 18px; }
.kvt-wrap .kvt.rp-eg { min-width: 0; }
.rp-eg tbody th { width: 34%; word-break: break-all; }
.rp-eg td:nth-child(2) { white-space: nowrap; }
.rp-codes { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; margin-top: 36px; }
.rp-codes .code-b { white-space: pre-wrap; word-break: break-word; font-size: 13px; line-height: 1.7; margin: 0; }
@media (max-width: 900px) {
  .rp-grid { grid-template-columns: 1fr 1fr; }
  .rp-2col, .rp-codes { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .rp-tool { padding: 18px 16px 22px; }
  .rp-opts, .rp-grid { grid-template-columns: 1fr; }
  .rp-acts { padding: 16px; }
  .rp-acts .row { width: 100%; }
  .rp-frame { border-radius: 12px; }
}