.mail-archive-grid { display: grid; grid-template-columns: minmax(16rem, 0.8fr) minmax(20rem, 1.2fr); gap: 1.25rem; margin-top: 1.25rem; }
.mail-archive-card { border: 1px solid var(--border, #dce2ee); border-radius: 12px; padding: 1rem; margin-bottom: .75rem; background: #fff; }
.mail-archive-card h4 { margin: 0 0 .5rem; overflow-wrap: anywhere; }
.mail-archive-muted { color: #64718a; font-size: .95rem; }
.mail-archive-state { font-weight: 600; }
.mail-archive-preview { font-family: inherit; white-space: pre-wrap; overflow-wrap: anywhere; background: #fff; border: 1px solid #e1e6ef; padding: 1rem; border-radius: 10px; max-height: 34rem; overflow: auto; }
.mail-archive-participant { margin: .3rem 0; overflow-wrap: anywhere; }
.mail-archive-attachment { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .65rem 0; border-bottom: 1px solid #e1e6ef; }
.mail-archive-attachment span { overflow-wrap: anywhere; min-width: 0; }
.mail-archive-import { padding: 1rem; background: #f7f9fd; border: 1px solid #dce2ee; border-radius: 12px; display: grid; gap: .85rem; }
.mail-archive-import .mail-archive-check { display: flex; align-items: flex-start; gap: .6rem; }
.mail-archive-import .mail-archive-check input { width: auto; margin-top: .25rem; }
#mail-archive-detail { min-width: 0; }
#matter-tab-mail { background: #e5f5ed; border-color: #b3d9c4; }
@media (max-width: 850px) { .mail-archive-grid { grid-template-columns: 1fr; } }