.mail-top-summary{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.mail-top-summary .tag{padding:7px 12px}.mail-subject{font-weight:600;color:#304d5e;display:block;margin-bottom:5px}.mail-snippet{max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#95a3ac}.mail-unread{background:#f3faf7}.mail-unread .mail-subject{color:#137e72}.mail-status{white-space:normal;max-width:260px;font-size:11px;line-height:1.8}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.95 Inter,"Microsoft YaHei",sans-serif;background:#fafcfd;border:1px solid #e5ecef;border-radius:8px;padding:22px;max-height:50vh;overflow:auto;margin:20px 0}.mail-meta{font-size:12px;color:#79909d;line-height:2.2;overflow-wrap:anywhere}.mail-modal-actions{padding-top:14px;border-top:1px solid #e5eaef;display:flex;gap:8px;flex-wrap:wrap}.mail-config{border:1px solid #e3ebed;border-radius:8px;padding:18px;margin:20px 0}.mail-config .form-grid{margin-top:15px}.mail-attachments{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.mail-attachments .button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.compose-body{min-height:210px}.compose-preview{margin:15px 0;border:1px solid #cce4d9;border-radius:8px;background:#f3faf6;padding:18px;line-height:1.8;font-size:12px}.mail-account-card{padding:20px 22px;border-bottom:1px solid #e5eaef;display:grid;grid-template-columns:minmax(180px,1fr) 1.5fr auto;gap:22px;align-items:center}.mail-account-card:last-child{border:0}.mail-account-card h3{font-size:14px;margin:0 0 9px}.mail-account-card p{font-size:11px;margin:8px 0;color:#8a9da7;line-height:1.8}.mail-task-form{margin-top:20px;padding-top:15px;border-top:1px solid #e5eaef}.campaign-audience{max-height:280px;overflow:auto;border:1px solid #e1e9ed;border-radius:8px;margin:15px 0}.campaign-select{display:flex;gap:12px;align-items:center;padding:12px 15px;border-bottom:1px solid #edf2f4;font-size:12px}.campaign-select small{display:block;margin-top:5px;color:#8a9fa9}.campaign-select input{width:auto}.mail-textarea-small{min-height:70px}.mail-warning{background:#fff7e9;border-color:#efdfbd;color:#947344}.mail-time{white-space:nowrap}.mail-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.mail-inline-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mail-inline-heading h3{font-size:14px;margin:0}.mail-folder-count{font-size:10px;margin-left:5px}.mail-queue-action{display:flex;gap:8px;flex-wrap:wrap}.mail-queue-action button{font-size:11px;padding:5px 8px}.mail-private-notice{font-size:11px;color:#7c929d;background:#f1f5f8;padding:12px 16px;border-radius:7px;line-height:1.8}.mail-safe-body-label{font-size:10px;letter-spacing:.5px;color:#8ba197;margin-top:12px}.mail-table th,.mail-table td{padding-left:17px;padding-right:17px}.mail-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mail-template-grid .card-body{padding:20px}.mail-template-grid h3{font-size:14px;margin:0 0 10px}.mail-template-grid p{font-size:12px;color:#8195a2}.mail-template-grid pre{max-height:170px;overflow:auto;line-height:1.8;font-size:12px;white-space:pre-wrap}.modal.mail-large{width:940px}.mail-hidden,[hidden]{display:none!important}.mail-attachment-item{display:flex;align-items:center;gap:10px;font-size:11px;color:#768d9b;padding:9px 0;border-bottom:1px solid #edf1f4}.mail-attachment-item span{flex:1;overflow-wrap:anywhere}.mail-account-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#4da88a;margin-right:7px}.mail-account-dot.off{background:#c6b39b}
.mail-dashboard{padding:18px 22px;margin-bottom:24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.mail-summary-title b{font-size:13px;display:block;margin-bottom:7px}.mail-summary-counts{display:flex;gap:40px;flex:1;justify-content:center}.mail-summary-counts div{display:flex;flex-direction:column;gap:7px;align-items:center}.mail-summary-counts b{font-size:22px;font-weight:600;color:#248f7c}.mail-summary-counts span{font-size:10px;color:#8b9fa9}
@media(max-width:1050px){.mail-account-card{grid-template-columns:1fr 1fr}.mail-account-card .actions{grid-column:1/-1}.mail-snippet{max-width:270px}.mail-summary-counts{gap:22px}}
@media(max-width:800px){.mail-account-card{grid-template-columns:1fr;gap:8px}.mail-account-card .actions{grid-column:auto}.mail-template-grid{grid-template-columns:1fr}.mail-body{padding:15px;font-size:12px}.mail-config{padding:14px}.mail-compose-footer{align-items:flex-start}.mail-snippet{max-width:220px}}