/* Inner chrome: 6px only, retaining the white letter's existing padding. */
.mail-preview-content{padding:6px;box-sizing:border-box;overflow-wrap:anywhere}
.mail-preview-actions{gap:6px;align-items:stretch;margin-bottom:8px}
.mail-preview-actions button,.mail-preview-actions a.button-link,.mail-preview-actions>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:36px;padding:6px 10px;border:1px solid #aeb8c5;border-radius:6px;background:#fff;color:#1856a2;font:inherit;font-size:14px;line-height:22px;text-decoration:none}
.mail-preview-primary-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.mail-preview-primary-actions .primary{min-height:44px;padding:10px 16px;font-weight:600}
.mail-delivery-state{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mail-delivery-state [data-dispatch-history-open]{background:transparent;border:0;color:#53657d;font-size:13px;padding:4px;text-decoration:underline}
.mail-editor{margin:10px 0;padding:12px;background:#fff;border:1px solid #c8d3e2;border-radius:8px}
.mail-editor[hidden],.mail-envelope[hidden]{display:none}
.mail-editor label{display:grid;gap:5px;margin:10px 0;font-weight:600}
.mail-editor input,.mail-editor textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-weight:400;line-height:1.5}
.mail-editor textarea{resize:vertical;min-height:200px}
.mail-editor-actions{display:flex;gap:8px;flex-wrap:wrap}
.mail-preview-content button:focus-visible,.mail-preview-content a:focus-visible,.mail-editor input:focus-visible,.mail-editor textarea:focus-visible{outline:3px solid #73a9eb;outline-offset:2px}
@media(max-width:450px){.mail-preview-header{flex-wrap:wrap}.mail-editor{padding:8px}.mail-preview-actions>*{max-width:100%}.mail-preview-primary-actions .primary{width:100%}}