/**
 * PisellTabbar 组件样式
 */
.pisell-tabbar {
  width: 100%;
  position: relative;

  /* 层级容器样式 */
  &-level {
    &-wrapper {
      position: relative;
    }
  }

  /* 响应式适配 */
  @media (max-width: 768px) {
    .pisell-tabbar-level {
      font-size: 14px;
    }
  }

  /* 过渡动画 */
  .pisell-super-tabs {
    transition: all 0.3s ease;
  }

  &--vertical {
    display: flex;
    height: 100%;
    min-height: 0;

    .pisell-tabbar__level--1 {
      min-height: 0;
    }

    .pisell-tabbar__level--2,
    .pisell-tabbar__level--3 {
      height: auto;
    }

    .pisell-super-tabs-item,
    .pisell-basic-grid-item,
    .multilevel-card,
    .multilevel-card__card {
      width: 100%;
      height: auto;
    }

    .pisell-tabbar__inline-panel.multilevel-card-panel--visible {
      overflow: visible;
      max-height: none;
    }
  }
}
