/* HV323 · ROUND298 · Seguimiento de correos nativo dentro de Comunicaciones */
#hv323-email-tracking{display:grid;gap:0;margin:0 0 18px;border:1px solid rgba(48,54,101,.14);border-radius:22px;background:linear-gradient(145deg,#fff,#fafbf6);box-shadow:0 14px 34px rgba(37,43,74,.07);overflow:hidden}
.hv323-mail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid rgba(48,54,101,.09)}
.hv323-mail-head small,.hv323-reminder-guide small{display:block;color:#78804d;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.hv323-mail-head h4{margin:0;color:#303665;font-size:20px;line-height:1.2}.hv323-mail-head p,.hv323-reminder-guide p{margin:7px 0 0;color:#697080;font-size:14px;line-height:1.5}
.hv323-mail-webhook{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hv323-mail-webhook-state{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f1f2f4;color:#687080;font-size:12px;font-weight:800;white-space:nowrap}.hv323-mail-webhook-state::before{content:'';width:7px;height:7px;border-radius:50%;background:#9ba1aa}.hv323-mail-webhook-state.is-ok{background:#edf7ed;color:#357244}.hv323-mail-webhook-state.is-ok::before{background:#4c9b5c}.hv323-mail-webhook-state.is-warn{background:#fff6dc;color:#8b681d}.hv323-mail-webhook-state.is-warn::before{background:#d5a62d}.hv323-mail-webhook-state.is-error{background:#fff0ef;color:#a54843}.hv323-mail-webhook-state.is-error::before{background:#d15c55}
.hv323-reminder-guide{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 22px 2px;padding:15px 16px;border:1px solid #e1e7c4;border-radius:16px;background:#f7faed}.hv323-reminder-guide strong{display:block;color:#4d5c1e;font-size:15px}.hv323-reminder-guide p{font-size:12px;max-width:760px}.hv323-reminder-guide .button{white-space:nowrap}
.hv323-mail-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:15px 22px 4px}.hv323-mail-controls label{display:grid;gap:5px;color:#6c7380;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hv323-mail-controls select{min-width:145px;height:38px;border:1px solid #dfe2d8;border-radius:10px;background:#fff;padding:0 34px 0 11px;color:#353b56;font-size:13px}.hv323-mail-controls .button{height:38px}
.hv323-mail-status{min-height:20px;padding:6px 22px 0;font-size:13px;color:#737987}.hv323-mail-status.is-error{color:#b24943}.hv323-mail-status.is-ok{color:#397646}
.hv323-mail-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;padding:14px 22px 18px}.hv323-mail-kpi{min-width:0;border:1px solid #e7e9df;border-radius:15px;background:#fff;padding:13px 14px}.hv323-mail-kpi small{display:block;color:#7d8490;font-size:11px;font-weight:700;margin-bottom:5px}.hv323-mail-kpi strong{display:block;color:#303665;font-size:23px;line-height:1}.hv323-mail-kpi span{display:block;margin-top:5px;color:#8a909a;font-size:11px}
.hv323-mail-table-shell{overflow:auto;overscroll-behavior-x:contain;border-top:1px solid rgba(48,54,101,.08)}.hv323-mail-table{width:100%;min-width:1040px;border-collapse:collapse}.hv323-mail-table th,.hv323-mail-table td{padding:12px 13px;border-bottom:1px solid #eceee6;text-align:left;vertical-align:top;font-size:12px}.hv323-mail-table th{position:sticky;top:0;z-index:1;background:#f7f8f2;color:#6d7480;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.hv323-mail-table td{color:#444b5e}.hv323-mail-table strong{color:#303665}.hv323-mail-table small{display:block;color:#8a9099;margin-top:3px;line-height:1.35}.hv323-mail-empty{padding:24px;text-align:center;color:#858b95}
.hv323-mail-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:#f0f1f3;color:#68707c;font-size:10px;font-weight:800;white-space:nowrap}.hv323-mail-pill.is-ok{background:#edf7ed;color:#367546}.hv323-mail-pill.is-warn{background:#fff5da;color:#8c671b}.hv323-mail-pill.is-bad{background:#ffefed;color:#a84842}.hv323-mail-pill.is-info{background:#eef1fb;color:#4d5d99}.hv323-mail-pill.is-proxy{background:#f2eef9;color:#745999}.hv323-mail-disclaimer{padding:12px 22px 17px;color:#7b818c;font-size:11px;line-height:1.5}.hv323-mail-disclaimer strong{color:#555d6e}
.hv323-first-payment-reminder-anchor:empty{display:none}
@media(max-width:900px){.hv323-mail-head,.hv323-reminder-guide{flex-direction:column;align-items:stretch}.hv323-mail-webhook{justify-content:flex-start}.hv323-mail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hv323-mail-controls{align-items:stretch}.hv323-mail-controls label{flex:1 1 140px}.hv323-mail-controls select{width:100%;min-width:0}.hv323-reminder-guide .button{width:100%}}
@media(max-width:560px){#hv323-email-tracking{border-radius:17px}.hv323-mail-head,.hv323-mail-controls,.hv323-mail-kpis{padding-left:14px;padding-right:14px}.hv323-reminder-guide{margin-left:14px;margin-right:14px}.hv323-mail-kpis{gap:7px}.hv323-mail-kpi{padding:11px}.hv323-mail-kpi strong{font-size:20px}.hv323-mail-disclaimer{padding-left:14px;padding-right:14px}.hv323-mail-webhook{width:100%}#hv323-email-webhook-setup{width:100%}}