/* WBX Multi Brand Core v20.2.0 — Motion & Loading Experience */
:root{
  --wbx-motion-fast:140ms;
  --wbx-motion-base:220ms;
  --wbx-motion-slow:420ms;
  --wbx-motion-ease:cubic-bezier(.22,1,.36,1);
}

html.wbx-motion-ready .wbx-workspace-hero,
html.wbx-motion-ready .wbx-mx20__header,
html.wbx-motion-ready .wbx-mx20__kpis,
html.wbx-motion-ready .wbx-workspace-section,
html.wbx-motion-ready .wbx-mx20__records,
html.wbx-motion-ready .wbx-mx20__insights{
  animation:wbx-enter-up var(--wbx-motion-slow) var(--wbx-motion-ease) both;
}
html.wbx-motion-ready .wbx-mx20__kpis{animation-delay:55ms}
html.wbx-motion-ready .wbx-mx20__records{animation-delay:95ms}
html.wbx-motion-ready .wbx-mx20__insights{animation-delay:130ms}

html.wbx-motion-ready .wbx-workspace-card,
html.wbx-motion-ready .wbx-crm-module,
html.wbx-motion-ready .wbx-module-card,
html.wbx-motion-ready .wbx-mx20__kpi{
  opacity:0;
  transform:translateY(12px) scale(.985);
  animation:wbx-card-enter var(--wbx-motion-slow) var(--wbx-motion-ease) forwards;
  animation-delay:calc(var(--wbx-motion-index,0) * 42ms + 90ms);
  will-change:transform,opacity;
}

.wbx-workspace-card,
.wbx-crm-module,
.wbx-module-card,
.wbx-mx20__kpi,
.wbx-mx20__records,
body.wbx-module-experience table tbody tr{
  transition:transform var(--wbx-motion-base) var(--wbx-motion-ease),box-shadow var(--wbx-motion-base) ease,border-color var(--wbx-motion-base) ease,background-color var(--wbx-motion-fast) ease,opacity var(--wbx-motion-fast) ease;
}
.wbx-workspace-card:hover,
.wbx-crm-module:hover,
.wbx-module-card:hover{
  transform:translateY(-5px);
}
.wbx-workspace-card:active,
.wbx-crm-module:active,
.wbx-module-card:active{
  transform:translateY(-1px) scale(.992);
  transition-duration:80ms;
}
.wbx-workspace-card svg,
.wbx-crm-module svg,
.wbx-module-card svg{
  transition:transform var(--wbx-motion-base) var(--wbx-motion-ease),stroke var(--wbx-motion-base) ease;
}
.wbx-workspace-card:hover svg,
.wbx-crm-module:hover svg,
.wbx-module-card:hover svg{transform:scale(1.09) rotate(-2deg)}

body.wbx-module-experience table tbody tr:hover{transform:translateX(2px)}
body.wbx-module-experience .btn,
body.wbx-module-experience button,
.wbx-workspace-card,
.wbx-crm-module{ -webkit-tap-highlight-color:transparent; }
body.wbx-module-experience .btn:active,
body.wbx-module-experience button:active{transform:scale(.975)}

.wbx-count-animating{font-variant-numeric:tabular-nums;}

.wbx-skeleton{
  position:relative!important;
  overflow:hidden!important;
  color:transparent!important;
  border-color:transparent!important;
  background:#eef2f7!important;
  pointer-events:none!important;
}
.wbx-skeleton::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-105%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  animation:wbx-shimmer 1.15s ease-in-out infinite;
}
.wbx-skeleton-line{display:block;height:12px;border-radius:999px;background:#e8edf4;overflow:hidden;position:relative}
.wbx-skeleton-line::after{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:wbx-shimmer 1.15s ease-in-out infinite}

.wbx-page-leaving{pointer-events:none!important;}
.wbx-page-leaving #page-content,
.wbx-page-leaving .page-content,
.wbx-page-leaving .content-wrapper{
  opacity:.68;
  transform:translateY(2px);
  transition:opacity 120ms ease,transform 120ms ease;
}

@keyframes wbx-enter-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes wbx-card-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes wbx-shimmer{100%{transform:translateX(105%)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  .wbx-workspace-card,.wbx-crm-module,.wbx-module-card,.wbx-mx20__kpi{opacity:1!important;transform:none!important}
}