/* FIELD E4 · F03 Registros. Los valores los aporta el event stream, nunca CSS. */
.field-e4 .e4-records-view{padding-bottom:8px}
.field-e4 .e4-records-heading{padding:9px 2px 15px}
.field-e4 .e4-records-heading>span{font-size:10px;font-weight:850;letter-spacing:.12em;color:#436a81}
.field-e4 .e4-records-heading h2{font-size:clamp(30px,8vw,39px);color:#062741;letter-spacing:-.045em;margin:7px 0}
.field-e4 .e4-records-heading p{font-size:13px;line-height:1.5;color:#516e83}
.field-e4 .e4-records-overview{margin-bottom:17px}
.field-e4 .e4-records-asset{position:relative;overflow:hidden;padding:19px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#051c32,#0b375a)}
.field-e4 .e4-records-asset:after{content:"";position:absolute;right:2%;top:-24px;width:26%;height:160%;transform:skewX(-27deg);background:#f0b92e24;pointer-events:none}
.field-e4 .e4-records-asset span{display:block;color:#c0d5e6;font-size:10px;letter-spacing:.11em;font-weight:800}
.field-e4 .e4-records-asset strong{display:block;font-size:clamp(24px,7vw,31px);letter-spacing:-.045em;margin:7px 0}
.field-e4 .e4-records-asset small{font-size:11px;color:#d2e1eb;line-height:1.4;display:block}
.field-e4 .e4-records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.field-e4 .e4-record-stat{padding:13px 10px;background:#fff;border:1px solid #dbe4ec;border-radius:14px;min-width:0;box-shadow:0 3px 16px #0c2a4410}
.field-e4 .e4-record-stat>span{color:#3a5971;font-size:9px;letter-spacing:.06em;font-weight:850;display:block}
.field-e4 .e4-record-stat strong{display:block;font-size:clamp(24px,6.8vw,35px);line-height:1.1;margin:7px 0 5px;color:#092c4b}
.field-e4 .e4-record-stat small{font-size:10px;line-height:1.35;color:#607b8d;display:block}
.field-e4 .e4-record-stat:nth-child(2) strong{color:#b8750c}
.field-e4 .e4-record-stat-error strong{color:#bb2637}
.field-e4 .e4-records-filters{margin:14px 0;display:flex;flex-direction:column;gap:12px}
.field-e4 .e4-records-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.field-e4 .e4-records-tabs button{padding:10px 4px;font-size:12px;min-height:48px;background:#e8eef3;color:#244b67;border:1px solid #d0dce5;border-radius:11px;font-weight:750}
.field-e4 .e4-records-tabs button[aria-pressed=true]{background:#07304e;color:#fff;border-color:#07304e;box-shadow:inset 0 -3px #eeb32a}
.field-e4 .e4-records-filters label{font-size:11px;color:#415e73;font-weight:750}
.field-e4 .e4-records-filters input{border-radius:11px;background:#fff;padding:13px;border:1px solid #bfcfda;min-height:48px}
.field-e4 .e4-visible-records{font-size:11px;color:#557184;margin:0 0 12px}
.field-e4 .e4-event-list .event{position:relative;border:1px solid #dbe4ec;border-left:4px solid #2d7f5b;border-radius:12px;padding:15px 13px;margin-bottom:10px;background:#fff;box-shadow:0 3px 14px #12385209}
.field-e4 .e4-event-list .event strong{color:#092945;font-size:14px;line-height:1.4;display:block}
.field-e4 .e4-event-list .event small{color:#607689;font-size:11px;line-height:1.5}
.field-e4 .e4-event-list .event.e4-event-error{border-left-color:#df3643}
.field-e4 .e4-event-list .event.e4-event-pending{border-left-color:#e7a827}
.field-e4 .e4-event-status{display:inline-block;font-size:10px;padding:5px 8px;margin-top:9px;border-radius:8px;background:#e6f2eb;color:#17633b;font-weight:850;letter-spacing:.04em}
.field-e4 .e4-event-error .e4-event-status{background:#fff0f0;color:#a9273b}
.field-e4 .e4-event-pending .e4-event-status{background:#fff4d9;color:#935c09}
.field-e4 .e4-records-queue{border-radius:16px;background:#fff;border:1px solid #d5e0e8;padding:17px!important}
.field-e4 .e4-queue-header{display:flex;flex-direction:column;gap:4px;padding-bottom:11px;border-bottom:1px solid #e0e8ee;margin-bottom:9px}
.field-e4 .e4-queue-header strong{font-size:15px;color:#0a3655}
.field-e4 .e4-queue-header span{font-size:11px;color:#647d8f}
.field-e4 .e4-records-queue button{border-radius:11px;min-height:50px}
.field-e4 .e4-records-queue #fieldRetry{background:#f0b52d;color:#08243b;border:0}
@media(max-width:365px){.field-e4 .e4-record-stat{padding:11px 8px}.field-e4 .e4-records-asset{padding:15px}}
@media(prefers-reduced-motion:reduce){.field-e4 .e4-records-view *{animation:none!important;transition:none!important}}

.field-e4 .e4-review-errors{
 display:flex;justify-content:center;align-items:center;gap:10px;
 width:100%;min-height:55px;margin:-3px 0 18px;padding:14px 12px;
 background:linear-gradient(110deg,#ffd15a,#f4af1d);color:#082940;
 border:1px solid #deac30;border-radius:13px;
 font-size:13px;font-weight:900;letter-spacing:.015em;
 box-shadow:0 7px 21px rgba(172,116,19,.14);
}
.field-e4 .e4-review-errors::before{content:"!";display:grid;place-items:center;width:25px;height:25px;
 background:#ba2940;color:white;border-radius:50%;font-weight:900;flex-shrink:0}
.field-e4 .e4-review-errors[hidden]{display:none!important}
.field-e4 .e4-review-errors:focus-visible,.field-e4 .e4-records-tabs button:focus-visible{outline:3px solid #0b5d91;outline-offset:3px}