.mail-history-filter { display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:20px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow); }
.mail-history-filter label { display:grid;gap:6px;min-width:140px;font-size:13px;font-weight:600; }
.mail-history-filter input,.mail-history-filter select { min-height:42px;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font:inherit; }
.mail-history-summary { margin:18px 0 10px;color:var(--muted);font-size:13px; }
.mail-history-table { overflow-x:auto; }
.mail-history-table table { width:100%;min-width:760px;border-collapse:collapse; }
.mail-history-table th,.mail-history-table td { padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere; }
.mail-history-table th { background:#f5f8fc;white-space:nowrap; }
.mail-history-table td:nth-child(3),.mail-history-table td:nth-child(4) { max-width:300px; }
.mail-history-table small { display:block;margin-top:5px;color:var(--muted); }
.mail-history-status { display:inline-block;border-radius:999px;background:#eef3f8;padding:5px 8px;font-size:12px;font-weight:600; }
.mail-history-status.sent { color:#08734a;background:#e8f7ef; }
.mail-history-status.failed { color:#a62b24;background:#fff0ef; }
.mail-history-status.sending { color:#835b00;background:#fff5d8; }
.mail-history-pagination { display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0; }
.mail-history-detail { background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:20px; }
.mail-history-detail[hidden] { display:none; }
.mail-history-detail-heading { display:flex;justify-content:space-between;align-items:center;gap:12px; }
.mail-history-detail-heading h3 { margin:0; }
.mail-history-detail dl { display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;margin:20px 0; }
.mail-history-detail dt { color:var(--muted);font-size:13px; }
.mail-history-detail dd { margin:0;overflow-wrap:anywhere;font-size:14px; }
.mail-history-detail pre { white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.8;background:#f7f9fc;padding:16px;border-radius:10px; }
@media(max-width:640px) { .mail-history-filter label{flex:1 1 130px}.mail-history-detail dl{grid-template-columns:1fr}.mail-history-detail dd{margin-bottom:8px} }