.mail-audit-page { display:grid; gap:14px; }
.mail-audit-header { display:flex; align-items:end; justify-content:space-between; gap:18px; padding:18px 20px; border:1px solid #c9ddec; border-left:4px solid #2a74ac; border-radius:7px; background:linear-gradient(108deg,#f8fcff,#edf6fc); }
.mail-audit-header span { display:block; color:#55738e; font-size:11px; font-weight:900; letter-spacing:0; }
.mail-audit-header h2 { margin:3px 0 0; color:#183f66; font-size:21px; }
.mail-audit-header p { margin:5px 0 0; color:#6a8299; font-size:13px; }
.mail-audit-count { display:inline-flex; align-items:center; min-height:30px; padding:0 13px; border:1px solid #a9c7df; border-radius:999px; background:#fff; color:#1e5788; font-size:13px; font-weight:900; box-shadow:0 2px 0 rgba(37,99,145,.12); white-space:nowrap; }
.mail-audit-toolbar { display:flex; align-items:center; gap:8px; padding:12px; border:1px solid #c9ddec; border-radius:7px; background:#fff; flex-wrap:wrap; }
.mail-audit-search { display:flex; align-items:center; min-width:290px; flex:1 1 330px; border:1px solid #b8d0e4; border-radius:5px; overflow:hidden; background:#fbfdff; }
.mail-audit-search span { padding:0 10px; color:#416784; font-weight:800; font-size:12px; border-right:1px solid #d5e4ef; }
.mail-audit-search input { min-width:0; flex:1; border:0; outline:0; padding:9px 10px; color:#163b60; background:transparent; }
.mail-audit-toolbar input[type="search"],.mail-audit-toolbar input[type="date"],.mail-audit-toolbar select { min-height:36px; border:1px solid #b8d0e4; border-radius:5px; padding:0 9px; color:#234967; background:#fbfdff; font-weight:700; }
.mail-audit-toolbar select { height:36px; }
.mail-audit-toolbar input[type="date"] { width:138px; }
.mail-audit-toolbar select { min-width:112px; }
.mail-audit-reset,.mail-audit-detail-button,.mail-audit-close-button { min-height:34px; border:1px solid #a9c7df; border-bottom-color:#7399b9; border-radius:5px; background:linear-gradient(#fff,#e4f1fa); color:#24577e; padding:0 12px; font-weight:900; box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(74,122,158,.2); cursor:pointer; transition:transform .16s ease,box-shadow .16s ease; }
.mail-audit-reset:hover,.mail-audit-detail-button:hover,.mail-audit-close-button:hover { transform:translateY(-1px); box-shadow:inset 0 1px 0 #fff,0 3px 0 rgba(74,122,158,.22),0 7px 12px rgba(45,95,130,.12); }
.mail-audit-table-shell { border:1px solid #c9ddec; border-radius:7px; overflow:auto; background:#fff; }
.mail-audit-table { width:100%; min-width:1120px; border-collapse:collapse; font-size:13px; }
.mail-audit-table th { padding:10px; color:#38607e; background:#edf5fb; border-bottom:1px solid #c9ddec; text-align:left; white-space:nowrap; }
.mail-audit-table td { padding:10px; border-bottom:1px solid #e1edf5; vertical-align:top; color:#274660; }
.mail-audit-row:hover { background:#f5fbff; }
.mail-audit-table mark { padding:0 2px; border-radius:2px; background:#fff0bd; color:#674c08; font:inherit; }
.mail-audit-time,.mail-audit-subject { display:block; color:#1a496f; font-weight:900; }
.mail-audit-table small { display:block; margin-top:3px; color:#778fa2; font-size:11px; line-height:1.45; }
.mail-audit-system { display:block; color:#266592; font-weight:900; }
.mail-audit-recipient { display:block; max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mail-audit-status { display:inline-flex; min-height:22px; align-items:center; padding:0 8px; border-radius:999px; font-size:11px; font-weight:900; }
.mail-audit-status.sent { color:#18724e; background:#e8f7ef; border:1px solid #9dd9bd; }
.mail-audit-status.failed { color:#a33e3e; background:#fff0f0; border:1px solid #edbbbb; }
.mail-audit-status.pending,.mail-audit-status.queued,.mail-audit-status.processing { color:#8a6519; background:#fff7e2; border:1px solid #e4c87f; }
.mail-audit-status.manual_review { color:#8b3e72; background:#fff0fa; border:1px solid #e6b9d8; }
.mail-audit-error { max-width:210px; color:#a34545 !important; }
.mail-audit-attachment { color:#4d718d; font-weight:800; }
.mail-audit-pagination { display:flex; justify-content:space-between; align-items:center; padding:10px 2px; color:#668298; font-size:13px; }
.mail-audit-pagination div { display:flex; gap:6px; }.mail-audit-pagination button { min-height:29px; border:1px solid #b5cde0; border-radius:4px; background:#fff; color:#2b638e; font-weight:800; cursor:pointer; }.mail-audit-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.mail-audit-loading,.mail-audit-empty { display:flex; justify-content:center; align-items:center; min-height:150px; color:#648197; font-weight:800; gap:9px; }.mail-audit-empty.error { color:#aa4747; }.mail-audit-loading i,.mail-audit-resend i { width:14px; height:14px; border:2px solid #b2cce0; border-top-color:#2474a9; border-radius:50%; animation:mailAuditSpin .8s linear infinite; }@keyframes mailAuditSpin { to { transform:rotate(360deg); } }
.mail-audit-modal-backdrop { position:fixed; inset:0; z-index:9999; display:grid; place-items:center; padding:22px; background:rgba(17,41,63,.55); }
.mail-audit-modal { width:min(980px,96vw); height:min(680px,92vh); display:flex; flex-direction:column; overflow:hidden; border:1px solid #9dbbd2; border-radius:8px; background:#f8fcff; box-shadow:0 24px 70px rgba(8,31,50,.35); }
.mail-audit-modal>header { display:flex; justify-content:space-between; align-items:start; padding:17px 20px; border-bottom:1px solid #c9ddec; background:linear-gradient(110deg,#fdfefe,#e8f4fc); }.mail-audit-modal>header span { color:#52758f; font-size:11px; font-weight:900; }.mail-audit-modal>header h3 { margin:3px 0; color:#183f66; font-size:21px; }.mail-audit-modal>header p { margin:0; color:#6f8799; font-size:12px; }.mail-audit-modal>header button { width:34px; height:34px; border:1px solid #aac5dc; border-radius:5px; background:#fff; color:#285e85; font-size:24px; line-height:1; cursor:pointer; }
.mail-audit-detail-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; padding:13px 18px; }.mail-audit-detail-summary article { min-width:0; padding:10px; border:1px solid #d3e2ee; border-radius:5px; background:#fff; }.mail-audit-detail-summary small { display:block; color:#6e8aa0; font-size:11px; font-weight:900; }.mail-audit-detail-summary strong { display:block; margin-top:4px; color:#214e75; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.mail-audit-detail-summary span { display:block; margin-top:4px; color:#758da0; font-size:11px; line-height:1.4; }
.mail-audit-detail-block { margin:0 18px 12px; padding:11px 13px; border:1px solid #d3e2ee; border-radius:5px; background:#fff; }.mail-audit-detail-block h4 { margin:0 0 7px; color:#315d80; font-size:13px; }.mail-audit-detail-block p { margin:0; color:#263f55; font-weight:800; word-break:break-word; }.mail-audit-preview-block { flex:1 1 auto; min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; }.mail-audit-preview-block iframe { width:100%; height:100%; min-height:0; border:1px solid #d5e3ee; background:#fff; }
.mail-audit-attachments { display:flex; flex-wrap:wrap; gap:7px; }.mail-audit-attachments a,.mail-audit-attachment-missing { display:grid; gap:2px; min-width:160px; padding:8px 10px; border:1px solid #b8d6e8; border-radius:5px; background:#f5fbff; color:#23628e; text-decoration:none; }.mail-audit-attachment-missing { color:#8a6b45; border-color:#e7d0a2; background:#fffaf0; }.mail-audit-attachments small { color:#70899d; font-size:11px; }.mail-audit-no-attachment { color:#7b92a4; }
.mail-audit-modal>footer { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 18px; border-top:1px solid #c9ddec; background:#f4f9fd; color:#69869b; font-size:12px; }.mail-audit-modal>footer>div { display:flex; gap:8px; }.mail-audit-resend { min-height:34px; border:1px solid #2a77a9; border-bottom-color:#165070; border-radius:5px; padding:0 13px; background:linear-gradient(#5fa8d7,#2674aa); color:#fff; font-weight:900; box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 0 #1c5e8b; cursor:pointer; }.mail-audit-resend:disabled { opacity:.7; cursor:wait; }.mail-audit-resend i { display:inline-block; vertical-align:-2px; margin-right:6px; border-color:#a9d2ec; border-top-color:#fff; }
@media (max-width:780px) { .mail-audit-header,.mail-audit-modal>footer { align-items:stretch; flex-direction:column; }.mail-audit-detail-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }.mail-audit-toolbar { align-items:stretch; }.mail-audit-toolbar input[type="date"] { width:auto; flex:1; }.mail-audit-modal { width:100%; max-height:96vh; padding:0; }.mail-audit-modal-backdrop { padding:8px; } }