.issue-report-button {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 40;
  border-color: var(--accent, #e9c46a);
  background: #17324d;
  color: #fff;
  box-shadow: 0 0.7rem 2rem rgb(12 31 49 / 24%);
}

.issue-report-dialog {
  width: min(42rem, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  padding: 0;
  border: 1px solid #b8c5cf;
  border-radius: 0.75rem;
  color: inherit;
}

.issue-report-dialog::backdrop { background: rgb(9 25 39 / 60%); }
.issue-report-sheet { padding: 1.25rem; }
.issue-report-heading, .issue-report-card-top { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.issue-report-heading h2 { margin-top: 0.15rem; }
.issue-report-close { background: transparent; color: inherit; }
.issue-report-context { padding: 0.7rem; border: 1px solid #cfdae2; border-radius: 0.45rem; font: 0.82rem/1.4 ui-monospace, monospace; overflow-wrap: anywhere; }
.issue-report-history { display: grid; gap: 0.8rem; max-height: 18rem; overflow: auto; }
.issue-report-card { padding: 0.8rem; border: 1px solid #cfdae2; border-radius: 0.45rem; background: #f8fafb; }
.issue-report-card p { white-space: pre-wrap; overflow-wrap: anywhere; }
.issue-report-card small { color: #536774; overflow-wrap: anywhere; }
.issue-report-replies { margin-top: 0.7rem; padding: 0.7rem; border-left: 0.2rem solid #d7ad41; background: #fff; }
.issue-report-replies p:last-child { margin-bottom: 0; }

.issue-admin-list { display: grid; gap: 1rem; }
.issue-admin-card { padding: 1rem; border: 1px solid #c7d3dc; border-radius: 0.6rem; background: #fff; }
.issue-admin-description { white-space: pre-wrap; }
.issue-admin-details { margin: 0.7rem 0; font: 0.8rem/1.5 ui-monospace, monospace; overflow-wrap: anywhere; }
.issue-admin-replies { margin: 0.8rem 0; padding-left: 0.8rem; border-left: 0.2rem solid #d7ad41; }
.issue-admin-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 0.6rem; align-items: end; }
.issue-admin-actions textarea { min-height: 4.8rem; }

@media (max-width: 640px) {
  .issue-report-button { right: 0.75rem; bottom: 0.75rem; }
  .issue-admin-actions { grid-template-columns: 1fr; }
}