.mail-usage{margin-bottom:29px}.mail-usage>.section-heading{margin-bottom:17px}.mail-usage>.section-heading p{margin-top:6px}.mail-quota-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mail-quota-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px 26px}.mail-quota-card h3{font-size:13px;font-weight:600}.mail-quota-card>.row>.icon{color:#8ba079;width:19px;height:19px}.mail-quota-value{font:800 39px/1.3 'Manrope',sans-serif;letter-spacing:-1.2px;color:var(--green);display:block;margin-top:16px}.mail-quota-card>p{font-size:11px;color:#71836c;margin-top:4px}.mail-quota-track{height:5px;border-radius:4px;background:#edf3e9;overflow:hidden;margin:19px 0 13px}.mail-quota-track>span{display:block;height:100%;background:#8cad73;border-radius:inherit}.mail-quota-card>.row:last-child{font-size:9px;line-height:1.7;color:#7d8d73;flex-wrap:wrap;gap:5px}.mail-quota-status{display:flex;align-items:center;gap:11px;font-size:10px;color:#7a8a70;line-height:1.7;margin-top:12px;flex-wrap:wrap}.mail-target-summary{background:#f4f7ef;border:1px solid #e5ecdc;border-radius:9px;padding:13px 15px;color:#637e52;font-size:11px;margin:0 0 20px}.mail-target-role{font-size:9px;font-weight:400;margin-left:5px;color:#8a977f}.mail-select-link{font-size:10px;color:var(--green);padding:3px;text-decoration:underline;text-underline-offset:3px}.mail-variables{display:flex;gap:7px;flex-wrap:wrap;margin-top:-5px}.mail-variables button{background:#f1f5ec;border:1px solid #e1e8d9;border-radius:6px;padding:6px 9px;font:10px/1.5 Consolas,monospace;color:#6a8258}.mail-variables button:hover{background:#e7efde}.mail-delivery-stats{margin-top:28px}.mail-audience-label{display:block;margin-top:6px}.mail-processing-note{font-size:10px;color:#7e8f73;line-height:1.8;padding:13px 23px;border-bottom:1px solid var(--line)}.mail-recipient-table .recipient-role{font-size:9px;color:#89977d;display:block;margin-top:3px}
.mail-quota-track progress{display:block;width:100%;height:5px;border:0;border-radius:4px;background:#edf3e9;appearance:none}.mail-quota-track progress::-webkit-progress-bar{background:#edf3e9;border-radius:4px}.mail-quota-track progress::-webkit-progress-value{background:#8cad73;border-radius:4px}.mail-quota-track progress::-moz-progress-bar{background:#8cad73;border-radius:4px}
@media(max-width:760px){.mail-quota-grid{grid-template-columns:1fr;gap:12px}.mail-quota-card{padding:20px}.mail-quota-value{font-size:32px}.mail-usage>.section-heading{align-items:flex-start;gap:15px;flex-wrap:wrap}.mail-usage>.section-heading>.button{font-size:10px;padding:10px 12px}.mail-usage>.section-heading p{font-size:10px}.mail-processing-note{padding:12px 17px}.mail-history .table-heading{align-items:flex-start;flex-wrap:wrap}.mail-history .table-heading>.row{flex-wrap:wrap}.mail-select-link{font-size:9px}.mail-target-summary{font-size:10px}}
.mail-saved-templates{margin-bottom:26px}.mail-template-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mail-template-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8faf6}.mail-template-card h3{font-size:15px;margin:0 0 8px}.mail-template-card p{overflow-wrap:anywhere;margin:0 0 14px}.mail-template-card .row{flex-wrap:wrap}.mail-template-card .button{padding:9px 12px}.mail-saved-templates .section-heading{gap:18px}#mail-loaded-template p{margin:6px 0}#mail-loaded-template .button{margin-top:8px}#template-body{line-height:1.7;resize:vertical}@media(max-width:760px){.mail-template-list{grid-template-columns:1fr}.mail-template-card{padding:15px}}