.document-email{min-width:0}.mail-compose{display:grid;gap:20px}.mail-compose>.field{margin:0}.mail-intro{margin:0;line-height:1.7;color:#42556b}.mail-include{padding:16px;border:1px solid #cbdcf6;background:#eff5ff;border-radius:12px;margin:0}.mail-include span{display:grid;gap:5px}.mail-include small{font-weight:400;color:#52677f}.mail-attachments{border:1px solid #d9e3ed;border-radius:14px;padding:18px;background:#f9fbfd}.mail-attachments h3,.mail-history h3{margin:0 0 12px;font-size:16px}.mail-attachments ul{display:grid;gap:10px;list-style:none;padding:0;margin:0}.mail-attachments li{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e0e7f0;border-radius:9px;background:#fff;min-width:0}.mail-attachments li>span:last-child{display:grid;gap:4px;overflow-wrap:anywhere;min-width:0}.mail-attachments small{color:#60748a}.mail-pdf-icon{padding:10px 7px;border-radius:6px;background:#e8eefb;color:#305a9c;font-weight:800;font-size:11px;flex-shrink:0}.mail-attachments>.muted{font-size:12px;margin-bottom:0}.mail-compose textarea[name=message]{min-height:185px;line-height:1.6}.mail-history{margin-top:10px}.mail-history-item{padding:12px 0;border-top:1px solid #dce5ee;font-size:13px;overflow-wrap:anywhere}.mail-history-item summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mail-state{border-radius:7px;padding:5px 8px;background:#edf1f6;color:#344a63;font-weight:700}.mail-state-sent{background:#e0f5e9;color:#17623d}.mail-state-failed{background:#fde7e6;color:#a12f2a}.mail-state-partial,.mail-state-uncertain{background:#fff0d5;color:#815700}.mail-state-sending{background:#e4eeff;color:#285593}.mail-message-copy{white-space:pre-wrap;color:#536478}.mail-result{border:1px solid #d6e3f2;border-radius:14px;background:#f7faff;padding:22px;line-height:1.65;overflow-wrap:anywhere}.mail-result h3{margin-top:0}.mail-result button{margin:8px 8px 0 0}.document-email [data-mail-loading]{padding:14px;border-radius:10px;background:#f0f5ff;color:#34587a}.document-email .dialog-actions{margin-top:0;position:sticky;bottom:0;background:#fff;border-top:1px solid #e2e9f1;padding:16px 0;z-index:1}
@media(max-width:600px){.mail-compose{gap:16px}.mail-attachments{padding:13px}.mail-compose input,.mail-compose textarea{font-size:16px}.mail-result{padding:16px}.mail-history-item summary{align-items:flex-start;flex-direction:column}}