.email-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.4fr);gap:1rem}.email-panel h3{font-size:1rem;font-weight:650;margin-bottom:1rem}.email-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.email-fields .full{grid-column:1/-1}.email-panel label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.35rem}.email-panel input,.email-panel textarea,.email-panel select{width:100%}.email-panel textarea{resize:vertical;min-height:110px}.email-panel .email-body{min-height:190px}.email-buttons{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.email-note{font-size:.8rem;color:var(--muted);line-height:1.6;margin:.6rem 0}.email-feedback{font-size:.85rem;line-height:1.5;margin-top:.75rem;overflow-wrap:anywhere}.email-feedback[data-error=true]{color:#fca5a5}.email-feedback[data-error=false]{color:#86efac}.email-history{margin-top:1rem}.email-campaign-row{border-top:1px solid var(--border);padding:1rem 0;display:flex;align-items:center;gap:1rem}.email-campaign-copy{flex:1;min-width:0}.email-campaign-copy strong{display:block;overflow-wrap:anywhere}.email-counter{color:var(--muted);font-size:.8rem;margin-top:.3rem}.email-report{margin-top:1rem}.email-report pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;background:#132137;border-radius:8px;padding:1rem;font-size:.85rem;max-height:300px;overflow:auto}.email-table-wrap{overflow:auto;max-height:360px;margin-top:1rem}.email-consent{display:flex!important;align-items:flex-start;gap:.6rem;margin-top:1rem}.email-consent input{width:auto;flex-shrink:0;margin-top:3px}.email-panel button:disabled{opacity:.5;cursor:wait}.email-badge{font-size:.78rem;padding:.25rem .5rem;border-radius:6px;background:#142239;color:#bfdbfe}.email-panel details summary{cursor:pointer;font-weight:600}.email-panel details[open] summary{margin-bottom:1rem}
@media(max-width:1050px){.email-layout{grid-template-columns:1fr}}@media(max-width:480px){.email-fields{grid-template-columns:1fr}.email-fields .full{grid-column:auto}.email-panel{padding:1rem}.email-campaign-row{flex-wrap:wrap}.email-campaign-row>.btn-outline{width:100%}}

.email-google-box{padding:1rem;background:#142239;border:1px solid var(--border);border-radius:10px;margin:1rem 0}.email-google-button{width:100%;margin:.5rem 0}.email-manual{border-top:1px solid var(--border);padding-top:1rem}.email-manual summary{font-size:.9rem}.email-connected{padding:.8rem 1rem;border:1px solid var(--border);border-radius:8px;overflow-wrap:anywhere}.email-connected strong,.email-connected span{display:block}.email-panel button:disabled{cursor:not-allowed}
.email-send-instruction{padding:.85rem 1rem;border-left:3px solid var(--accent2);background:#142239;border-radius:6px;font-size:.88rem;line-height:1.6;margin-top:1rem}.email-report{scroll-margin-top:1.2rem}

/* Expand the writing areas into the height of the adjacent connection card. */
.email-compose{display:flex;flex-direction:column}.email-compose>form{display:flex;flex-direction:column;flex:1}.email-compose #email-body{min-height:280px;flex:1 0 280px}.email-compose #email-recipients{min-height:220px;flex:1 0 220px}.email-compose>form>button{align-self:flex-start}
@media(max-width:1050px){.email-compose #email-body{min-height:240px;flex-basis:240px}.email-compose #email-recipients{min-height:200px;flex-basis:200px}}