/* =============================================================================
   rhq_modals.css — global dialog frame (guideline §4.9)
   -----------------------------------------------------------------------------
   Skins EVERY Bootstrap modal's frame at once: surface, radius, shadow, type.
   What sits INSIDE a dialog (buttons → rhq_buttons.css roles, controls →
   .rhq-input) is fixed per-template by the modal sweep. Tokens only.
   ============================================================================= */

.modal-content {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(31, 45, 65, 0.28);
  font-family: var(--rhq-font);
  color: var(--rhq-text);
}
.modal-header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--rhq-border-soft);
}
.modal-title {
  font-family: var(--rhq-font);
  font-size: 1rem;
  font-weight: 700;
  color: var(--rhq-text-strong);
}
.modal-body { padding: 1.125rem 1.25rem; font-size: 0.875rem; }
.modal-footer {
  padding: 0.875rem 1.25rem;
  border-top: 1px solid var(--rhq-border-soft);
  gap: 0.5rem;
}
.modal-header .btn-close:focus {
  box-shadow: 0 0 0 2px var(--rhq-focus-ring);
}