.mail-center-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(125deg,#14274a,#254f88 64%,#176e65);color:#fff}
.mail-center-hero>div>span{font-size:10px;letter-spacing:.1em;font-weight:750}.mail-center-hero h2{margin:7px 0;color:#fff}.mail-center-hero p{margin:0;color:#e1ecf7}
.mail-center-hero>strong{display:grid;place-items:center;min-width:120px;padding:13px;border-radius:10px;background:#ffffff19;font-size:28px}.mail-center-hero>strong small{font-size:10px;font-weight:500}
.mail-center-layout{display:grid;grid-template-columns:minmax(380px,1.25fr) minmax(300px,.8fr);gap:18px;align-items:start;margin:18px 0}
.mail-compose>form>p,.mail-preview-card p,.mail-cron-card>p{font-size:11px;color:#687588;line-height:1.65}.mail-compose textarea{min-height:220px}
.mail-preview-subject{padding:11px 13px;border:1px solid #e4eaf2;border-radius:8px 8px 0 0;background:#f7f9fc;font-weight:700}
.mail-preview-text{min-height:190px;padding:15px;border:1px solid #e4eaf2;border-top:0;border-radius:0 0 8px 8px;white-space:pre-wrap;overflow-wrap:anywhere;color:#324154}
.mail-preview-html{width:100%;height:260px;border:1px solid #e4eaf2;border-top:0;border-radius:0 0 8px 8px;background:#fff}
.mail-queue-box{margin-top:18px;padding-top:15px;border-top:1px solid #e7eaf0}.mail-queue-box h3{margin:0 0 5px;font-size:14px}.mail-queue-box form{margin-top:12px}
.mail-cron-command{width:100%;min-height:76px;font-size:10px}.mail-cron-card form{margin-top:12px}.mail-unsubscribe-card{text-align:center}.mail-unsubscribe-card .brand-mark{margin-left:auto;margin-right:auto}
@media(max-width:900px){.mail-center-layout{grid-template-columns:1fr}.mail-center-hero{align-items:flex-start;flex-direction:column}}