/* Evidence log card. transform/opacity only; fixed heights so nothing shifts. */
.evl{position:relative;max-width:880px;margin:0 auto;background:#fff;border:1px solid #DCE3E9;border-radius:20px;box-shadow:0 10px 30px rgba(11,42,60,.08);overflow:hidden;contain:layout paint;text-align:left}
.evl-hd{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px 0 20px;border-bottom:1px solid #DCE3E9;background:#F7FAFC}
.evl-ttl{display:flex;align-items:center;gap:8px;font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#43586A}
.evl-ttl i{width:8px;height:8px;border-radius:50%;background:#2E9E6B}
.evl-pause{margin:0;min-width:0;padding:6px 11px;font:700 12.5px Inter,system-ui,sans-serif;border-radius:9px;border:1px solid #DCE3E9;background:#fff;color:#0B2A3C;cursor:pointer}
.evl-list{list-style:none;margin:0;padding:0}
.evl-e{display:grid;grid-template-columns:84px 1fr auto;grid-template-rows:30px 22px 22px 22px 22px;column-gap:14px;align-content:center;height:136px;padding:0 20px;border-bottom:1px solid #EEF2F5;box-sizing:border-box}
.evl-r1{grid-column:1/4;display:grid;grid-template-columns:84px 1fr auto;column-gap:14px;align-items:center}
.evl-r2{grid-column:2/4;display:flex;gap:8px;align-items:center;white-space:nowrap;overflow:hidden;font:12.5px/22px "DejaVu Sans Mono",ui-monospace,Menlo,monospace;color:#0B2A3C}
.evl-r4{color:#6A7F8E}
.evl .k{display:inline-block;width:76px;flex:none;color:#7A8C99;font-size:11.5px}
.evl-t{font:12.5px "DejaVu Sans Mono",ui-monospace,monospace;color:#6A7F8E}
.evl-r1 b{font:700 15.5px/1.2 Inter,system-ui,sans-serif;color:#0B2A3C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evl .oc{font-size:13px;padding:6px 11px}
.evl-seal{display:flex;align-items:center;gap:14px;height:84px;padding:0 20px;background:#F4FAF6;box-sizing:border-box}
.evl-sl{flex:none;width:34px;height:34px;border-radius:50%;background:#2E9E6B;color:#fff;font:800 17px/34px Inter,system-ui,sans-serif;text-align:center}
.evl-seal div{min-width:0}
.evl-seal b{display:block;font:700 15px/1.3 Inter,system-ui,sans-serif;color:#1F7A50}
.evl-seal div span{display:block;font:12px/1.45 "DejaVu Sans Mono",ui-monospace,monospace;color:#43586A}
/* motion: 12s loop. Base state = complete still (used under reduced motion). */
.evl-i0,.evl-i1,.evl-i2,.evl-i3,.evl .oc,.evl-sl{will-change:transform,opacity}
.evl-i0{animation:evl0 12s cubic-bezier(.2,.7,.3,1) infinite both}
.evl-i1{animation:evl1 12s cubic-bezier(.2,.7,.3,1) infinite both}
.evl-i2{animation:evl2 12s cubic-bezier(.2,.7,.3,1) infinite both}
.evl-i3{animation:evl3 12s cubic-bezier(.2,.7,.3,1) infinite both}
.evl-i0 .oc{animation:evlc0 12s ease-out infinite both}
.evl-i1 .oc{animation:evlc1 12s ease-out infinite both}
.evl-i2 .oc{animation:evlc2 12s ease-out infinite both}
.evl-i3 .evl-sl{animation:evlc3 12s ease-out infinite both}
@keyframes evl0{0%,4%{opacity:0;transform:translateY(14px)}9%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes evl1{0%,16%{opacity:0;transform:translateY(14px)}21%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes evl2{0%,28%{opacity:0;transform:translateY(14px)}33%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes evl3{0%,42%{opacity:0;transform:translateY(14px)}47%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes evlc0{0%,8%{opacity:0;transform:scale(.7)}11%{opacity:1;transform:scale(1.08)}13%,100%{opacity:1;transform:none}}
@keyframes evlc1{0%,20%{opacity:0;transform:scale(.7)}23%{opacity:1;transform:scale(1.08)}25%,100%{opacity:1;transform:none}}
@keyframes evlc2{0%,32%{opacity:0;transform:scale(.7)}35%{opacity:1;transform:scale(1.08)}37%,100%{opacity:1;transform:none}}
@keyframes evlc3{0%,46%{opacity:0;transform:scale(.4) rotate(-20deg)}50%{opacity:1;transform:scale(1.12)}53%,100%{opacity:1;transform:none}}
.evl.evl-paused *,.evl.evl-paused{animation-play-state:paused!important}
@media (max-width:768px){
 .evl{border-radius:16px}
 .evl-hd{padding:0 12px 0 16px}
 .evl-e{grid-template-columns:1fr;grid-template-rows:30px 20px 20px 20px 20px;height:132px;padding:0 16px}
 .evl-r1{grid-column:1;grid-template-columns:auto 1fr auto;column-gap:8px}
 .evl-r2{grid-column:1;font-size:11.5px;line-height:20px;gap:4px}
 .evl .k{width:72px;font-size:11px}
 .evl-t{font-size:11px}
 .evl-r1 b{font-size:14.5px}
 .evl .oc{font-size:12px;padding:5px 9px}
 .evl-seal{height:104px;padding:0 16px}
 .evl-seal div span{font-size:11px}
 .evl-r1 .evl-t{display:none}
 .evl-r1{grid-template-columns:1fr auto}
}
@media (prefers-reduced-motion: reduce){.evl-pause{display:none}.evl *,.evl{animation:none!important;opacity:1!important;transform:none!important}}