// 主题基础 默认样式

// :not(:has( > .three-column-layout, > .el-container))
.app-container {
  padding: var(--app-container-padding, 15px);
  border-radius: 6px;
  box-shadow: 0px 1px 8px 0px #00000019;
  background-color: #fff;
}

.flex-gap-15 {
  display: flex;
  gap: var(--layout-form-flex-gap, 15px);
  align-items: center;

  & .el-button {
    margin: 0;

    &+.el-button {
      margin: 0;
    }
  }
}

.operation-area {
  margin-bottom: 20px;
}

.operation-area--right {
  display: flex;
  justify-content: flex-end;
}

.operation-area-chart {
  padding-right: 24px;
  padding-top: 24px;
  text-align: right;
}

.operation-area-float {
  float: right;
  position: fixed;
  bottom: 0;
  right: 4%;
}