.mail-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 1.8rem;margin:1.25rem 0;border:1px solid #dcd3f1;border-radius:24px;background:linear-gradient(120deg,#f0e9ff,#fff8e5);color:#30234d}.mail-heading h3{font-size:1.7rem;margin:.3rem 0}.mail-heading p{margin:.35rem 0}.mail-editor{max-width:900px;padding:1.5rem;border:1px solid #ded8e9;border-radius:20px;background:#fff;color:#252033}.mail-editor h4{font-size:1.35rem;margin:.25rem 0 1rem}.mail-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.mail-editor label,.mail-dialog label{display:block;margin-bottom:1rem}.mail-editor .check,.mail-dialog .check{display:flex;align-items:center;gap:.65rem}.mail-editor fieldset,.mail-dialog fieldset{min-width:0;border:1px solid #ddd5e9;border-radius:14px;padding:1rem;margin:1rem 0}.mail-dialog{width:min(1100px,calc(100vw - 2rem));max-width:1100px}.mail-dialog fieldset:disabled{opacity:1}.mail-preview{overflow-wrap:anywhere;border:1px solid #ded8e9;border-top:6px solid var(--mail-color,#6145bd);border-radius:18px;background:#fff;color:#252033;padding:1.75rem;margin:1rem 0;box-shadow:0 8px 28px #30234d0a}.mail-preview h3{font-family:Arial,sans-serif;font-size:1.4rem;line-height:1.3}.mail-letterhead{color:var(--mail-color,#6145bd);font-weight:800}.mail-body{white-space:pre-wrap;line-height:1.65}.mail-preview-button{display:inline-block;background:var(--mail-color,#6145bd);color:#fff;padding:12px 20px;border-radius:12px;font-weight:bold}.mail-url{font-size:.8rem;overflow-wrap:anywhere}.mail-recipients{max-height:330px;overflow:auto;border-top:1px solid #e6e0ee}.mail-recipient{padding:.8rem .25rem;border-bottom:1px solid #e6e0ee;margin:0!important}.mail-recipient[hidden]{display:none!important}.mail-recipient small,.mail-history small{display:block;color:#655e73;margin:.2rem 0}.mail-recipients input[type=checkbox]{flex:0 0 auto;width:20px;height:20px}.mail-history{overflow:auto;margin:1rem 0}.mail-history table{width:100%;min-width:650px;border-collapse:collapse;background:#fff;color:#252033}.mail-history th,.mail-history td{text-align:left;padding:1rem;vertical-align:top;border-bottom:1px solid #e6e0ee}.mail-history th{background:#f4effc}#mail-content .tools [aria-pressed=true]{outline:2px solid currentColor}#mail-error{color:#9d1836;white-space:pre-line}#mail-send-progress{font-weight:600;line-height:1.6}.mail-editor textarea,.mail-dialog textarea{width:100%;min-height:100px}.mail-editor input[type=color]{width:100px;min-height:45px}
@media(max-width:700px){.mail-columns{grid-template-columns:1fr}.mail-heading{align-items:flex-start;flex-direction:column;padding:1.2rem}.mail-editor,.mail-preview{padding:1rem}.mail-dialog{width:calc(100vw - 1rem);padding:1.2rem}.mail-recipients{max-height:270px}}