/**
 * PisellActionPanel 样式
 * 操作面板：分组、布局、对齐；不设置 font-family，使用项目统一配置
 * 覆盖 antd 时使用 pisell-lowcode-xxx
 */

.pisell-action-panel-root {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  box-sizing: border-box;

  &.pisell-action-panel-layout-horizontal {
    flex-direction: row;
  }

  &.pisell-action-panel-layout-vertical {
    flex-direction: column;
    align-items: stretch;
  }

  &.pisell-action-panel-layout-grid {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
  }

  &.pisell-action-panel-align-left {
    justify-content: flex-start;
  }

  &.pisell-action-panel-align-center {
    justify-content: center;
  }

  &.pisell-action-panel-align-right {
    justify-content: flex-end;
  }

  &.pisell-action-panel-align-space-between {
    justify-content: space-between;
  }

  &.pisell-action-panel-overflow-wrap {
    flex-wrap: wrap;
  }

  &.pisell-action-panel-overflow-scroll {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

.pisell-action-panel-group {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.pisell-action-panel-group-space {
  display: inline-flex;
  min-width: 0;
}

.pisell-action-panel-btn {
  flex-shrink: 0;
}
