.mail-history{--mh-bg:#fff;--mh-soft:#f2f6fa;--mh-border:#dce5ee;--mh-text:#19354e;--mh-muted:#52677b;color:var(--mh-text)}html[data-fsm-theme=dark] .mail-history{--mh-bg:#192837;--mh-soft:#223547;--mh-border:#3a4c5e;--mh-text:#edf4fa;--mh-muted:#c0cedb}.mail-history .section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.mail-history .section-heading h2{font-size:21px;margin:0 0 6px}.mail-history .section-heading p{color:var(--mh-muted);margin:0}.mail-history .mail-notice{border-radius:10px;margin:0 0 20px;padding:14px 18px;background:var(--mh-soft);border-left:4px solid #1676ba;color:var(--mh-text)}.mail-history table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--mh-border);border-radius:12px;background:var(--mh-bg);overflow:hidden;table-layout:fixed}.mail-history th{background:var(--mh-soft);color:var(--mh-muted);font-size:12px;font-weight:700;letter-spacing:.025em}.mail-history th:nth-child(1){width:16%}.mail-history th:nth-child(2){width:25%}.mail-history th:nth-child(3){width:23%}.mail-history th:nth-child(4){width:13%}.mail-history th:nth-child(5){width:23%}.mail-history td{vertical-align:top;line-height:1.6;font-size:14px;border-top:1px solid var(--mh-border);overflow-wrap:anywhere}.mail-history td p{margin:6px 0;color:var(--mh-muted)}.mail-history td strong{color:var(--mh-text)}.mail-history details{margin:10px 0}.mail-history summary{cursor:pointer;font-size:13px;color:var(--mh-muted);padding:4px 0}.mail-history details p,.mail-history details small{white-space:pre-wrap;overflow-wrap:anywhere}.mail-history .mail-status{display:inline-block;padding:5px 9px;border-radius:7px;background:var(--mh-soft);border:1px solid var(--mh-border);font-size:12px;line-height:1.5}.mail-history .mail-status[data-state=accepted]{color:#175437;background:#e5f4ec;border-color:#a1cfb4}.mail-history .mail-status[data-state=failed],.mail-history .mail-status[data-state=rejected]{color:#8c2821;background:#fff0ef;border-color:#efb8b2}.mail-history .mail-status[data-state=unknown]{color:#70500a;background:#fff4dc;border-color:#e4cc93}.mail-history .mail-status[data-state=pending],.mail-history .mail-status[data-state=queued],.mail-history .mail-status[data-state=sending]{color:#125288;background:#e6f1fc;border-color:#accee9}.mail-history button{min-height:44px}.mail-history td button{display:block;width:100%;margin-top:10px;font-size:13px;white-space:normal}.mail-history .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.mail-history .bottom-note{font-size:13px;color:var(--mh-muted);margin-top:16px}.mail-history :focus-visible{outline:3px solid #2787cf;outline-offset:3px}
@media(max-width:1050px){.mail-history table,.mail-history tbody,.mail-history tr,.mail-history td{display:block;width:auto}.mail-history table{border:0;background:transparent;overflow:visible}.mail-history thead{display:none}.mail-history tr{border:1px solid var(--mh-border);border-radius:12px;background:var(--mh-bg);padding:14px;margin-bottom:14px}.mail-history td{border:0;padding:8px 0!important}.mail-history td::before{content:attr(data-label);display:block;color:var(--mh-muted);font-size:12px;font-weight:600;margin-bottom:3px}.mail-history td button{width:auto;max-width:100%}.mail-history .form-actions{justify-content:space-between}.mail-history .section-heading{align-items:flex-start}.mail-history .section-heading button{flex-shrink:0}}