/* 管理后台全局样式 */

/* 重置默认样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, #app {
  height: 100%;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

/* Element Plus表格统一样式 */
.el-table {
  --el-table-header-bg-color: #f5f7fa;
}

/* 表格所有列居中对齐（表头+内容） */
.el-table .el-table__cell {
  text-align: center;
}

/* 操作列按钮不换行 */
.el-table .cell .el-button + .el-button {
  margin-left: 8px;
}

/* 确认框警告图标颜色 */
.el-message-box__status.el-icon {
  color: var(--el-color-warning) !important;
}

/* 行内表单中的下拉框最小宽度，确保文字正常显示 */
.el-form--inline .el-select {
  min-width: 120px;
}

/* 分页组件间距 */
.el-pagination {
  margin-top: 16px;
  justify-content: flex-end;
}

/* 通用间距 */
.mb-16 { margin-bottom: 16px; }
.mt-20 { margin-top: 20px; }
.gap-12 { gap: 12px; }

/* Flex布局 */
.flex-center { display: flex; align-items: center; }
.flex-between { display: flex; justify-content: space-between; align-items: center; }
.flex-gap { display: flex; align-items: center; gap: 12px; }

/* 卡片间距 */
.page-card { margin-bottom: 16px; }
.card + .card { margin-top: 20px; }

/* 表单操作栏 */
.action-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }

/* 页面标题 */
.page-title { font-size: 16px; font-weight: bold; }

/* 筛选栏 */
.filter-bar { margin-bottom: 16px; }
.filter-bar .el-form-item { margin-bottom: 0; }
