/**
 * 冷轧二级控制系统 — Element-UI 主题覆盖（工业风格）
 */

/* 主题色：工业青蓝 */
$--color-primary:  #0099cc;
$--color-success:  #00c853;
$--color-warning:  #ff8c00;
$--color-danger:   #ff3d00;
$--color-info:     #546e8a;

$--button-font-weight: 500;

/* 边框 */
$--border-color-light:   #1a3a5c;
$--border-color-lighter: #152e4a;

$--table-border: 1px solid #1a3a5c;

/* icon font path */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// 深色背景下全局 Element 样式覆盖
.el-table {
  background-color: #0e2137 !important;
  color: #c8d8e8 !important;

  th.el-table__cell {
    background-color: #0a1e35 !important;
    color: #00d4ff !important;
    border-bottom: 1px solid #1a3a5c !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }

  td.el-table__cell {
    border-bottom: 1px solid #132030 !important;
  }

  tr:hover > td {
    background-color: #122840 !important;
  }

  &::before {
    background-color: #1a3a5c;
  }
}

.el-card {
  background-color: #0e2137 !important;
  border: 1px solid #1a3a5c !important;
  border-radius: 4px;
  color: #c8d8e8;

  .el-card__header {
    border-bottom: 1px solid #1a3a5c;
    color: #00d4ff;
    font-weight: 600;
    font-size: 14px;
    padding: 12px 20px;
  }
}

.el-input__inner {
  background-color: #071120 !important;
  border-color: #1a3a5c !important;
  color: #c8d8e8 !important;
  &::placeholder { color: #4a6a8a; }
  &:focus { border-color: #00d4ff !important; }
}

.el-select .el-input__inner { background-color: #071120 !important; }

.el-dropdown-menu,
.el-select-dropdown {
  background-color: #0e2137 !important;
  border: 1px solid #1a3a5c !important;
  .el-select-dropdown__item { color: #c8d8e8 !important; }
  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover { background-color: #0a2545 !important; }
  .el-select-dropdown__item.selected { color: #00d4ff !important; }
}

.el-pagination {
  color: #8ab0cc !important;
  .btn-prev, .btn-next, .el-pager li {
    background-color: #0e2137 !important;
    color: #8ab0cc !important;
    border: 1px solid #1a3a5c !important;
  }
  .el-pager li.active { color: #00d4ff !important; border-color: #00d4ff !important; }
}

.el-dialog {
  background-color: #0e2137 !important;
  border: 1px solid #1a3a5c;
  .el-dialog__title { color: #00d4ff !important; }
  .el-dialog__body  { color: #c8d8e8 !important; }
}

.el-form-item__label { color: #8ab0cc !important; }

.el-tag {
  &.el-tag--success { background-color: rgba(0,200,83,.15); border-color: #00c853; color: #00c853; }
  &.el-tag--danger  { background-color: rgba(255,61,0,.15);  border-color: #ff3d00; color: #ff3d00; }
  &.el-tag--warning { background-color: rgba(255,140,0,.15); border-color: #ff8c00; color: #ff8c00; }
  &.el-tag--info    { background-color: rgba(84,110,138,.15);border-color: #546e8a; color: #8ab0cc; }
}

.el-button--primary {
  background-color: #0077aa !important;
  border-color:     #0099cc !important;
  &:hover { background-color: #0099cc !important; }
}

// webpack JS/SCSS 变量共享
:export {
  theme: $--color-primary;
}
