/* 3GenSiS ortak mikro-etkileşim katmanı */
:root{
  --gsis-motion-ease:cubic-bezier(.2,.8,.2,1);
  --gsis-motion-shadow:0 16px 38px rgba(15,23,42,.11);
  --gsis-motion-glow:rgba(59,130,246,.10);
}
.gsis-motion-card{
  position:relative;
  isolation:isolate;
  transition:transform .26s var(--gsis-motion-ease),box-shadow .26s ease,border-color .26s ease,filter .26s ease;
  will-change:transform;
}
.gsis-motion-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  opacity:0;
  background:radial-gradient(240px circle at var(--gsis-x,50%) var(--gsis-y,50%),rgba(255,255,255,.62),transparent 66%);
  transition:opacity .22s ease;
  mix-blend-mode:soft-light;
}
.gsis-motion-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--gsis-motion-shadow),0 0 28px var(--gsis-motion-glow);
  border-color:rgba(59,130,246,.22)!important;
}
.gsis-motion-card:hover::after{opacity:.9}
.gsis-motion-card.gsis-motion-live::before{
  content:"";
  position:absolute;
  right:13px;
  top:13px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--gsis-live-color,#f59e0b);
  box-shadow:0 0 0 0 color-mix(in srgb,var(--gsis-live-color,#f59e0b) 36%,transparent);
  animation:gsisLivePulse 2.1s ease-out infinite;
  z-index:3;
}
.gsis-motion-button{
  transition:transform .18s var(--gsis-motion-ease),box-shadow .18s ease,filter .18s ease!important;
}
.gsis-motion-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.10)}
.gsis-motion-button:active{transform:translateY(0) scale(.985)}
.gsis-motion-button i{transition:transform .22s var(--gsis-motion-ease)}
.gsis-motion-button:hover i{transform:translateY(-1px) scale(1.06)}
.gsis-motion-row{transition:background-color .18s ease,box-shadow .18s ease}
.gsis-motion-row:hover{background-color:rgba(59,130,246,.045)!important;box-shadow:inset 3px 0 0 rgba(59,130,246,.35)}
.gsis-motion-list{transition:transform .2s var(--gsis-motion-ease),box-shadow .2s ease,border-color .2s ease}
.gsis-motion-list:hover{transform:translateX(2px);box-shadow:0 8px 20px rgba(15,23,42,.07);border-color:rgba(59,130,246,.20)!important}
.gsis-motion-enter{animation:gsisMotionEnter .42s var(--gsis-motion-ease) both;animation-delay:calc(var(--gsis-motion-index,0) * 38ms)}
@keyframes gsisMotionEnter{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}
@keyframes gsisLivePulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gsis-live-color,#f59e0b) 42%,transparent)}65%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
html[data-admin-theme="dark"] .gsis-motion-card::after{background:radial-gradient(240px circle at var(--gsis-x,50%) var(--gsis-y,50%),rgba(148,163,184,.18),transparent 67%);mix-blend-mode:screen}
html[data-admin-theme="dark"] .gsis-motion-row:hover{background-color:rgba(96,165,250,.08)!important}
@media (hover:none){.gsis-motion-card:hover{transform:none}.gsis-motion-card:active{transform:scale(.988)}.gsis-motion-list:hover{transform:none}.gsis-motion-list:active{transform:scale(.992)}}
@media (prefers-reduced-motion:reduce){.gsis-motion-card,.gsis-motion-button,.gsis-motion-row,.gsis-motion-list{transition:none!important;animation:none!important}.gsis-motion-card:hover,.gsis-motion-button:hover,.gsis-motion-list:hover{transform:none!important}.gsis-motion-card::after,.gsis-motion-card::before{display:none!important}.gsis-motion-enter{animation:none!important}}