/* ===== Ticketing-System – API-Abschnitt =====
   Elementor nutzt ::before/::after an Containern selbst – daher eingefuegte <span>s. */
.elementor-element-5db59cc8{position:relative;isolation:isolate;overflow:hidden}
.elementor-element-1a2893ac,.elementor-element-4ef7c1e7{position:relative;z-index:2!important}

/* Hintergrund: feines Raster + Lichtschein hinter der Konsole */
.vrts-api-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(23,100,170,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(23,100,170,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 72% 30%,#000 0%,transparent 65%);mask-image:radial-gradient(ellipse at 72% 30%,#000 0%,transparent 65%);animation:vrtsApiGrid 30s linear infinite}
@keyframes vrtsApiGrid{to{background-position:44px 44px,44px 44px}}
.vrts-api-glow{position:absolute;z-index:0;pointer-events:none;width:36rem;height:36rem;right:-6rem;top:-8rem;border-radius:50%;filter:blur(60px);background:radial-gradient(circle,rgba(64,150,225,.22),rgba(64,150,225,0) 65%);animation:vrtsApiGlow 14s ease-in-out infinite alternate}
@keyframes vrtsApiGlow{to{transform:translate3d(-5rem,5rem,0) scale(1.1)}}

/* Einblenden */
.vrts-api-ready .vrts-api-reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.vrts-api-ready .vrts-api-reveal.is-in{opacity:1;transform:none}
.vrts-api-ready .elementor-element-76656cf7{opacity:0;transform:translateY(24px) scale(.97);transition:opacity .9s ease .15s,transform .9s cubic-bezier(.2,.7,.2,1) .15s}
.vrts-api-ready .elementor-element-76656cf7.is-in{opacity:1;transform:none}

/* Tags ploppen nacheinander auf */
.vrts-api-ready .elementor-element-536a25fd>p{opacity:0;transform:scale(.8);transition:opacity .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--d,0s)}
.vrts-api-ready .elementor-element-536a25fd.is-in>p{opacity:1;transform:none}

/* Konsole */
.vrts-api-line{display:block;font-family:Menlo,Consolas,monospace!important;font-size:.8rem;line-height:1.65;color:#C9DCEC;white-space:pre;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .3s ease}
.vrts-api-line.is-in{opacity:1;transform:none}
.vrts-api-req{font-family:Menlo,Consolas,monospace!important;font-size:.84rem;color:#E6F1FA;white-space:pre;overflow:hidden;text-overflow:ellipsis}
.vrts-api-m{display:inline-block;margin-right:.6rem;padding:.08rem .45rem;border-radius:.35rem;background:#1764AA;color:#fff;font-weight:700;font-size:.72rem}
.vrts-api-m.is-post{background:#2F7FC9}
.vrts-api-caret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:-.15em;background:#9BDDEB;animation:vrtsApiBlink 1s steps(1) infinite}
@keyframes vrtsApiBlink{50%{opacity:0}}
.vrts-api-status{display:inline-block;margin:.35rem 0 .2rem;padding:.08rem .5rem;border-radius:.35rem;background:rgba(155,221,235,.14);color:#9BDDEB;font:700 .72rem Menlo,Consolas,monospace!important;opacity:0;transition:opacity .3s ease}
.vrts-api-status.is-in{opacity:1}
.vrts-api-k{color:#7FC4F0}
.vrts-api-s{color:#F2C98A}
.vrts-api-n{color:#9BDDEB}
.vrts-api-p{color:#6F93B6}

/* Webhook-Feed */
.vrts-api-hook{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;border-radius:.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font:500 .76rem/1.3 Menlo,Consolas,monospace!important;color:#C9DCEC;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.vrts-api-hook.is-in{opacity:1;transform:none}
.vrts-api-hook b{flex:0 0 auto;color:#9BDDEB;font-weight:700}
.vrts-api-hook i{flex:0 0 auto;position:relative;width:.45rem;height:.45rem;border-radius:50%;background:#6CC0EA}
.vrts-api-hook i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#6CC0EA;animation:vrtsApiPulse 1.8s ease-out infinite}
@keyframes vrtsApiPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(3);opacity:0}}
.vrts-api-hook span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Button-Pfeil */
.vrts-api-arrow{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
[data-id="78ca5c44"]:hover .vrts-api-arrow,[data-id="78ca5c44"]:focus-visible .vrts-api-arrow{transform:translate(3px,-3px)}

.vrts-api-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media(prefers-reduced-motion:reduce){
  .vrts-api-grid,.vrts-api-glow,.vrts-api-hook i::after,.vrts-api-caret{animation:none!important}
}