.document-mail-dialog { width: min(1040px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 24px; overflow: auto; }
.document-mail-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.document-mail-dialog h2 { font-size: 20px; margin: 0; overflow-wrap: anywhere; }
.document-mail-dialog[data-kind="setup"], .document-mail-dialog[data-kind="review"] { width: min(680px, calc(100vw - 32px)); }
.document-mail-fields { display: grid; gap: 16px; border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.document-mail-fields label { display: grid; gap: 6px; font-size: 14px; }
.document-mail-fields input:not([type="checkbox"]), .document-mail-fields select, .document-mail-fields textarea { width: 100%; min-width: 0; box-sizing: border-box; }
.document-mail-fields textarea { resize: vertical; }
.document-mail-fields .document-mail-check { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; }
.document-mail-check input { flex: 0 0 18px; width: 18px; height: 18px; }
.document-mail-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.document-mail-filename { overflow-wrap: anywhere; max-width: 300px; }
.document-mail-table { overflow: auto; }
.document-mail-table table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }
.document-mail-table td, .document-mail-table th { padding: 12px 10px; border-bottom: 1px solid #dedee2; vertical-align: top; }
.document-mail-table small { display: block; margin-top: 6px; color: #55565c; overflow-wrap: anywhere; }
.document-mail-table .eliga-actions { min-width: 140px; }
.document-mail-reject { color: #a91f2e !important; border-color: #bc7b82 !important; }
.document-mail-dialog [hidden] { display: none !important; }
.document-mail-dialog progress { width: 100%; accent-color: #ee6c22; }
.document-mail [data-mail-address] { overflow-wrap: anywhere; }
.document-mail-review { padding: 20px 0 28px; margin-bottom: 28px; border-bottom: 1px solid #dedee2; }
.document-mail-review h3 { font-size: 18px; margin: 0 0 6px; }
.document-mail-review [data-message] { margin: 16px 0; }
.document-mail-review > .eliga-heading { gap: 16px; }
.document-mail-review .document-mail-table { max-height: 550px; }
.document-mail-review thead { position: sticky; top: 0; background: #f8f8fa; }
@media (max-width: 600px) {
  .document-mail-dialog { padding: 16px; }
  .document-mail-grid { grid-template-columns: minmax(0, 1fr); }
  .document-mail-table table { min-width: 680px; }
  .document-mail .eliga-heading { align-items: stretch; }
}