/* «Нашли ошибку?» (#512) — макет docs/design/report-error.html; токены — .ep (event-page.css) с фолбэками */
.rp { margin: 2rem 0 1rem; padding-top: 1rem; border-top: 1px solid var(--line, #34352b); display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.rp-open { min-height: 44px; padding: 0 .9rem; background: none; border: 1px solid var(--line-hi, #4d4e3c); color: var(--text, #ece8dc); font: 600 .85rem/1 var(--sans, sans-serif); cursor: pointer; display: inline-flex; align-items: center; gap: .5rem; }
.rp-open:hover:not(:disabled) { border-color: var(--accent, #9bc653); color: var(--accent, #9bc653); }
.rp-open:disabled { opacity: .45; cursor: default; }
.rp-note { color: var(--muted, #aaa595); font-size: .8rem; }
.rp-back { position: fixed; inset: 0; z-index: 100002; background: rgba(8,8,6,.78); display: flex; align-items: flex-end; justify-content: center; }
@media (min-width: 640px) { .rp-back { align-items: center; } }
.rp-dlg { width: min(480px, 100%); max-height: 92vh; overflow: auto; box-sizing: border-box; background: var(--surface, #181913); border: 1px solid var(--line-hi, #4d4e3c); border-top: 3px solid var(--accent, #9bc653); padding: 1rem 1rem 1.1rem; color: var(--text, #ece8dc); font: 400 15px/1.45 var(--sans, sans-serif); position: relative; }
.rp-dlg h2 { margin: 0 2.5rem .2rem 0; font: 700 1.35rem/1.1 var(--cond, 'Roboto Condensed', sans-serif); text-transform: uppercase; letter-spacing: .03em; }
.rp-what { color: var(--muted, #aaa595); font-size: .85rem; margin-bottom: .9rem; }
.rp-x { position: absolute; top: .3rem; right: .3rem; width: 44px; height: 44px; background: none; border: 0; color: var(--muted, #aaa595); font-size: 1.5rem; cursor: pointer; }
.rp-lbl { display: block; font: 600 .78rem var(--mono, 'IBM Plex Mono', monospace); color: var(--muted, #aaa595); text-transform: uppercase; letter-spacing: .06em; margin: .2rem 0 .45rem; }
.rp-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .9rem; }
.rp-chips button { min-height: 44px; padding: 0 .75rem; background: none; border: 1px solid var(--line-hi, #4d4e3c); color: var(--text, #ece8dc); font: 500 .85rem var(--sans, sans-serif); cursor: pointer; }
.rp-chips button[aria-pressed="true"] { background: var(--accent, #9bc653); border-color: var(--accent, #9bc653); color: var(--accent-ink, #12150a); }
.rp-ta { width: 100%; box-sizing: border-box; min-height: 96px; resize: vertical; padding: .6rem .7rem; background: var(--bg, #0f100c); border: 1px solid var(--line-hi, #4d4e3c); color: var(--text, #ece8dc); font: inherit; border-radius: 0; }
.rp-ta:focus { outline: 2px solid var(--accent, #9bc653); outline-offset: 1px; }
.rp-cnt { text-align: right; font: .75rem var(--mono, monospace); color: var(--muted, #aaa595); margin-top: .25rem; }
.rp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.rp-err { color: #e8806f; font-size: .85rem; margin: .6rem 0 0; }
.rp-row { display: flex; align-items: center; gap: .75rem; margin-top: .9rem; }
.rp-center { justify-content: center; }
.rp-send { min-height: 44px; padding: 0 1.1rem; background: var(--accent, #9bc653); border: 0; color: var(--accent-ink, #12150a); font: 700 .9rem/1 var(--cond, 'Roboto Condensed', sans-serif); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.rp-send:disabled { opacity: .4; cursor: default; }
.rp-priv { color: var(--muted, #aaa595); font-size: .78rem; }
.rp-done { text-align: center; padding: .8rem 0 .3rem; }
.rp-done b { display: block; font: 700 1.3rem var(--cond, 'Roboto Condensed', sans-serif); text-transform: uppercase; letter-spacing: .03em; color: var(--accent, #9bc653); margin-bottom: .3rem; }