/* Report an issue (template-parts/issue-report.php): a quiet footer button that opens a small form panel. Native
   <details>, so it works without JavaScript. The panel floats above the page and never covers the bottom nav. */
.ev-report { position: relative; margin: 18px 0 0; }
.ev-auth-footer + .ev-report, .ev-report--auth { margin: 0 auto 24px; max-width: 520px; padding: 0 16px; }
.ev-report__toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid #3a2125; border-radius: 999px;
  background: radial-gradient(120% 160% at 0% 0%, rgba(225,38,53,.18), transparent 60%), #0e0f12; color: #f3e9ea; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: .02em;
  cursor: pointer; list-style: none; box-shadow: 0 0 22px -12px rgba(225,38,53,.7); transition: border-color .2s, box-shadow .2s; }
.ev-report__toggle::-webkit-details-marker { display: none; }
.ev-report__toggle svg { color: #ff5a66; }
.ev-report__toggle:hover, .ev-report__toggle:focus-visible, .ev-report[open] > .ev-report__toggle { border-color: #e12635; box-shadow: 0 0 26px -8px rgba(225,38,53,.8); outline: none; }
.ev-report__toggle:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ev-report__panel { position: relative; z-index: 30; width: min(440px, 100%); margin-top: 12px; padding: 20px; border: 1px solid #2c2f35; border-radius: 16px;
  background: radial-gradient(140% 120% at 100% 0%, rgba(225,38,53,.10), transparent 55%), #0c0e11; box-shadow: 0 18px 50px -20px rgba(0,0,0,.8); color: #e9ebee; }
.ev-report__panel h2 { margin: 0 0 6px; font-size: 18px; letter-spacing: -.01em; color: #fff; }
.ev-report__intro { margin: 0 0 14px; color: #a9adb5; font-size: 14px; line-height: 1.55; }
.ev-report__form { display: grid; gap: 12px; }
.ev-report__field { display: grid; gap: 6px; font-size: 12.5px; font-weight: 700; color: #c9ccd2; }
.ev-report__field input, .ev-report__field textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #2f333a; border-radius: 10px;
  background: #08090b; color: #f2f3f5; font-family: inherit; font-size: 15px; line-height: 1.45; }
.ev-report__field textarea { resize: vertical; min-height: 96px; }
.ev-report__field input:focus, .ev-report__field textarea:focus { border-color: #e12635; outline: none; box-shadow: 0 0 0 3px rgba(225,38,53,.2); }
.ev-report__trap { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ev-report__send { justify-self: start; min-height: 44px; padding: 0 20px; border: 0; border-radius: 999px; background: #e12635; color: #fff; font-family: inherit; font-size: 14px; font-weight: 800; line-height: 1; cursor: pointer; }
.ev-report__send:hover, .ev-report__send:focus-visible { background: #f23a48; }
.ev-report__notice { margin: 4px 0 12px; padding: 10px 12px; border-radius: 10px; font-size: 14px; line-height: 1.5; }
.ev-report__notice.is-ok { border: 1px solid rgba(59,214,127,.45); background: rgba(59,214,127,.10); color: #c9f7dc; box-shadow: 0 0 24px -12px rgba(59,214,127,.8); }
.ev-report__notice.is-error { border: 1px solid rgba(225,38,53,.5); background: rgba(225,38,53,.10); color: #ffd5d8; }
@media (max-width: 640px) { .ev-report__panel { padding: 16px; } .ev-report__send { width: 100%; justify-self: stretch; } }
@media (prefers-reduced-motion: reduce) { .ev-report__toggle { transition: none; } }