/* "Report an issue" footer button + modal. */
.mp-report-line { margin-top: 10px; }
.mp-report-open {
  background: none; border: 1px solid currentColor; color: inherit; font: inherit;
  font-size: .82rem; line-height: 1.2; padding: 5px 12px; border-radius: 4px;
  cursor: pointer; opacity: .85;
}
.mp-report-open:hover { opacity: 1; }

.mp-report-overlay {
  position: fixed; inset: 0; background: rgba(15, 20, 25, .55);
  display: flex; align-items: center; justify-content: center;
  z-index: 99999; padding: 16px;
}
.mp-report-modal {
  background: #fff; color: #1d2327; max-width: 460px; width: 100%;
  border-radius: 8px; padding: 22px 24px; box-shadow: 0 10px 40px rgba(0, 0, 0, .3);
}
.mp-report-modal h3 { margin: 0 0 6px; }
.mp-report-intro { margin: 0 0 14px; color: #50575e; font-size: .9rem; }
.mp-report-form label { display: block; margin-bottom: 12px; font-size: .88rem; font-weight: 600; }
.mp-report-form textarea,
.mp-report-form input[type=email] {
  width: 100%; box-sizing: border-box; font: inherit; font-weight: 400;
  padding: 8px; border: 1px solid #c3c4c7; border-radius: 4px;
}
.mp-report-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.mp-report-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.mp-report-cancel { background: none; border: 0; color: #50575e; cursor: pointer; font: inherit; }
.mp-report-msg { margin: 10px 0 0; font-size: .85rem; min-height: 1.2em; }