.mail-panel{gap:22px;display:grid}.mail-open{white-space:nowrap;border-radius:10px;flex-shrink:0;padding:12px 18px;text-decoration:none;display:inline-flex}.mail-summary{justify-content:space-between;align-items:center;gap:24px;display:flex}.mail-summary h2{overflow-wrap:anywhere;margin:10px 0}.mail-summary p,.mail-account p{color:var(--muted);margin:8px 0 0}.mail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mail-metrics .metric{flex-direction:column;gap:12px;display:flex}.mail-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mail-accounts{gap:16px;margin-top:24px;display:grid}.mail-account{border:1px solid var(--line,#273243);border-radius:14px;padding:22px}.mail-account-title{align-items:flex-start;gap:14px;display:flex}.mail-account-title h3{overflow-wrap:anywhere;margin:0;font-size:17px}.mail-account-title>svg{flex-shrink:0}.mail-account-title>div{min-width:0}.mail-account-state{flex-wrap:wrap;align-items:center;gap:16px;margin:18px 0;font-size:13px;display:flex}.mail-dialog-address{overflow-wrap:anywhere}.mail-address-input{align-items:center;gap:8px;display:flex}.mail-address-input input{min-width:0}.mail-address-input span{font-size:12px}.mail-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.mail-panel button:disabled{opacity:.55;cursor:wait}@media (max-width:800px){.mail-account{padding:16px}.mail-account-title{gap:10px}.mail-account-title h3{font-size:15px}.mail-summary{flex-direction:column;align-items:flex-start}.mail-metrics{grid-template-columns:1fr}.mail-address-input{flex-direction:column;align-items:flex-start}}