/* agjentiX demo-loop styles — scoped to agx-en- prefix, additive only */
.agx-en-loop{position:relative;border:1px solid var(--border-soft, rgba(255,255,255,.1));border-radius:8px;overflow:hidden;background:var(--bg-deep,#070b14);color:#e8edf5;font-family:var(--font, Inter, Arial, sans-serif);}
.agx-en-loop-badge{position:absolute;top:10px;right:10px;background:rgba(255,180,0,.15);border:1px solid #ffb400;color:#ffb400;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;z-index:5;}
.agx-en-loop-poster{display:none;width:100%;height:auto;}
.agx-en-loop-stage{position:relative;min-height:220px;padding:20px;}
.agx-en-loop-line{font-size:13px;color:var(--text-secondary,#8b9bb4);}
.agx-en-loop-typed{font-size:14px;border-left:2px solid var(--accent,#00d4c8);padding-left:10px;margin-top:10px;min-height:1.4em;}
.agx-en-loop-item{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;background:var(--bg-card,#121a2a);border:1px solid var(--border-subtle,rgba(255,255,255,.06));border-radius:6px;padding:10px 12px;margin-top:10px;font-size:13px;}
.agx-en-loop-item.agx-en-loop-show{opacity:1;transform:translateY(0);}
.agx-en-loop-tag-ok{color:var(--accent,#00d4c8);border:1px solid var(--accent,#00d4c8);background:rgba(0,212,200,.12);font-size:11px;padding:2px 8px;border-radius:20px;}
@media (prefers-reduced-motion: reduce){
  .agx-en-loop-poster{display:block !important;}
  .agx-en-loop-stage{display:none !important;}
}
