.issued-key-modal {
  box-sizing: border-box;
  width: min(32rem, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  padding: 1.75rem;
  border: 1px solid #dce1e8;
  border-radius: 14px;
  background: #fff;
  color: #17212f;
  box-shadow: 0 20px 70px #101c3033;
  font: 400 1rem/1.5 system-ui, sans-serif;
}
.issued-key-modal::backdrop { background: #101c3073; }
.issued-key-modal h2 { margin: 0 0 .75rem; font-size: 1.5rem; line-height: 1.25; }
.issued-key-modal p { margin: 0 0 1rem; }
.issued-key-modal label { display: block; margin-bottom: .5rem; font-weight: 600; }
.issued-key-modal textarea {
  box-sizing: border-box; width: 100%; resize: none; padding: .75rem;
  border: 1px solid #8b99ad; border-radius: 6px; color: inherit;
  background: #f5f7fa; font: .875rem/1.6 ui-monospace, monospace;
  overflow-wrap: anywhere; user-select: text;
}
.issued-key-modal :focus-visible { outline: 3px solid #4289fc; outline-offset: 3px; }
.issued-key-modal ::selection { background: #4289fc; color: #fff; }
.issued-key-modal .issued-key-status { margin-top: .75rem; }
.issued-key-modal .issued-key-note { color: #526174; font-size: .875rem; }
.issued-key-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.issued-key-modal button {
  min-height: 44px; padding: .625rem 1rem; border: 1px solid #8b99ad;
  border-radius: 6px; background: #fff; color: inherit; font: inherit; cursor: pointer;
}
.issued-key-modal button[data-key-copy] { border-color: #4289fc; background: #4289fc; color: #fff; font-weight: 600; }
.issued-key-modal button:hover:enabled { filter: brightness(.95); }
.issued-key-modal button:disabled { cursor: default; opacity: .5; }
.issued-key-recovery { margin-bottom: 1rem; }
.issued-key-recovery[hidden] { display: none; }
@media (max-width: 420px) { .issued-key-modal { padding: 1.25rem; } }