// 内容容器样式
.content-container {
  padding: $base-padding; // 使用基础内边距变量
}

// 操作栏样式
.operation-bar {
  margin-bottom: $base-margin; // 使用基础外边距变量
}

// 禁用状态的按钮样式（使用v-deep穿透组件样式隔离）
::v-deep .el-button.is-disabled {
  background-color: #f9f9f9 !important; // 禁用状态的背景色
  border-color: #f3f3f4 !important; // 禁用状态的边框颜色
  color: #cccccc !important; // 禁用状态的文字颜色
}
::v-deep .el-button {
  font-size: 14px;
}
// 删除按钮样式
.delete-btn {
  color: #fe6654; // 使用基础红色变量 $base-color-red
}
.table-description {
  color: #fe6654;
}

.mt20 {
  margin-top: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.mr20 {
  margin-right: 20px;
}

.dialog-footer {
  text-align: right;
}

.link-text {
  color: $base-color-default;
  cursor: pointer;
}
.disabled-text {
  color: #ccc !important;
}

.info-text {
  color: #333;
}