/* Desktop-only overlay. Do not rebuild frontend/src. Mobile web CSS untouched. */

@keyframes lanyan-tab-nudge {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-7px); }
  40% { transform: translateX(7px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(4px); }
}

@keyframes lanyan-slide-left-in {
  from { transform: translateX(-105%); }
  to { transform: translateX(0); }
}

@keyframes lanyan-slide-left-out {
  from { transform: translateX(0); }
  to { transform: translateX(-105%); }
}

@keyframes lanyan-slide-right-in {
  from { transform: translateX(105%); }
  to { transform: translateX(0); }
}

@keyframes lanyan-slide-right-out {
  from { transform: translateX(0); }
  to { transform: translateX(105%); }
}

@media (min-width: 769px) {
  .lanyan-tab-nudge {
    animation: lanyan-tab-nudge 0.38s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .el-tabs__content,
  .el-tab-pane,
  .login-tabs .el-tabs__content,
  .sales-tabs .el-tabs__content,
  .home-main {
    overflow: visible;
  }

  .home-page:not(.home-page--mobile) .history-aside {
    animation: lanyan-slide-left-in 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .home-page:not(.home-page--mobile) .history-aside.lanyan-aside-out {
    animation: lanyan-slide-left-out 0.28s ease forwards;
  }

  .home-page:not(.home-page--mobile) .home-side-column {
    animation: lanyan-slide-right-in 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .home-page:not(.home-page--mobile) .home-side-column.lanyan-rail-out {
    animation: lanyan-slide-right-out 0.28s ease forwards;
  }

  .aside-nav-item,
  .aside-nav-more-toggle {
    outline: none;
  }

  .aside-nav-item.lanyan-nav-ring,
  .aside-nav-more-toggle.lanyan-nav-ring,
  .aside-nav-item:active,
  .aside-nav-more-toggle:active {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: 2px solid rgba(56, 189, 248, 0.92);
    outline-offset: -2px;
  }
}