/* ============================================================
   瑞科(ruikeyz.com) 风格主题覆盖层 — 只改视觉, 不改结构/逻辑
   注入方式: index.html <link> 追加(置于 app.css 之后, 提高优先级)
   主色: 瑞科 layui 绿 #009688 / 深色侧边栏
   ============================================================ */

:root {
  --rk-primary: #009688;      /* 瑞科主绿 */
  --rk-primary-dark: #00897b; /* 加深 */
  --rk-primary-light: #26a69a;
  --rk-side-bg: #2b2f3a;      /* 侧边栏深黑 */
  --rk-side-bg2: #1f232b;
  --rk-side-text: #bfcbd9;
  --rk-side-active: #009688;
  --rk-header-bg: #ffffff;
  --rk-radius: 4px;
}

/* ---------- 1. 侧边栏: 深黑 + 绿高亮 (登录页保持默认, 不覆盖) ---------- */
#app .sidebar-container {
  background-color: #2b2f3a !important;
}
#app .sidebar-container .el-menu {
  background-color: #2b2f3a !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
}
#app .sidebar-container .el-menu-item,
#app .sidebar-container .el-submenu__title {
  color: #bfcbd9 !important;
  height: 50px !important;
  line-height: 50px !important;
}
#app .sidebar-container .el-menu-item:hover,
#app .sidebar-container .el-submenu__title:hover {
  background-color: #1f232b !important;
  color: #fff !important;
}
#app .sidebar-container .el-menu-item.is-active {
  color: #fff !important;
  background-color: #009688 !important;
}
#app .sidebar-container .el-submenu.is-active > .el-submenu__title {
  color: #009688 !important;
}
#app .sidebar-container .el-submenu .el-menu-item {
  background-color: #232732 !important;
}
#app .sidebar-container .el-submenu .el-menu-item.is-active,
#app .sidebar-container .el-submenu .el-menu-item:hover {
  background-color: #009688 !important;
  color: #fff !important;
}
#app .sidebar-container .el-submenu .el-menu {
  background-color: #232732 !important;
}
/* 侧边栏展开子菜单箭头色 */
#app .sidebar-container .el-submenu__icon-arrow {
  color: #bfcbd9 !important;
}

/* ---------- 3. 顶栏 navbar: 白色(默认) + 深色文字 ---------- */
#app .navbar {
  background-color: #fff !important;
  box-shadow: 0 1px 4px rgba(0,21,41,.08) !important;
}
#app .navbar .hamburger .el-icon,
#app .navbar .el-icon,
#app .navbar .svg-icon {
  color: #303133 !important;
}
#app .navbar .breadcrumb .el-breadcrumb__inner,
#app .navbar .el-breadcrumb__inner {
  color: #909399 !important;
}
#app .navbar .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: #009688 !important;
  font-weight: 700 !important;
}
#app .navbar .el-breadcrumb__separator {
  color: #c0c4cc !important;
}
/* 顶栏右侧用户区(白底默认) */
#app .navbar .el-dropdown,
#app .navbar .el-dropdown-link,
#app .navbar .avatar-wrapper,
#app .navbar a,
#app .navbar .el-tooltip,
#app .navbar .user-name {
  color: #303133 !important;
}
#app .navbar .el-dropdown-menu a,
#app .navbar .el-dropdown-menu .el-dropdown-menu__item {
  color: #606266 !important;
}
#app .navbar .el-dropdown-menu .el-dropdown-menu__item:hover {
  background: #ecf5ff !important;
  color: #009688 !important;
}

/* ---------- 4. 主按钮: 绿 ---------- */
.el-button--primary {
  background-color: #009688 !important;
  border-color: #009688 !important;
}
.el-button--primary:hover,
.el-button--primary:focus {
  background-color: #26a69a !important;
  border-color: #26a69a !important;
}
.el-button--primary.is-plain {
  color: #009688 !important;
  border-color: #80cbc4 !important;
  background: #e0f2f1 !important;
}
.el-button--primary.is-plain:hover,
.el-button--primary.is-plain:focus {
  background: #009688 !important;
  border-color: #009688 !important;
  color: #fff !important;
}
/* 链接/文字主色(仅限后台内容区, 不碰登录页) */
.el-link.el-link--primary { color: #009688 !important; }
#app .app-main a { color: #009688 !important; }

/* ---------- 5. 分页/开关/checkbox/radio 主色 ---------- */
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #009688 !important;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover { color: #009688 !important; }
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
  background-color: #009688 !important;
  border-color: #009688 !important;
}
.el-checkbox__input.is-checked .el-checkbox__label,
.el-radio__input.is-checked .el-radio__label { color: #009688 !important; }
.el-switch.is-checked .el-switch__core { border-color: #009688 !important; background-color: #009688 !important; }
.el-tabs__item.is-active, .el-tabs__item:hover { color: #009688 !important; }
.el-tabs__active-bar { background-color: #009688 !important; }
.el-upload-list__item:hover { color: #009688 !important; }
.el-upload:focus, .el-upload:hover { color: #009688 !important; border-color: #009688 !important; }

/* ---------- 6. 表格/卡片圆角对齐 ---------- */
.el-card { border-radius: 6px !important; }
.el-table th { background-color: #f5f7fa !important; }
.el-tag { border-radius: 3px !important; }
.el-dialog { border-radius: 8px !important; }
.el-message-box { border-radius: 8px !important; }

/* ---------- 7. logo 区(侧边栏顶部) ---------- */
#app .sidebar-container .sidebar-logo-container,
#app .sidebar-container .logo {
  background-color: #1f232b !important;
}
#app .sidebar-container .sidebar-logo-link {
  color: #fff !important;
}
#app .sidebar-container .sidebar-logo {
  color: #fff !important;
}
#app .sidebar-container .sidebar-logo-title,
#app .sidebar-container .logo-title,
#app .sidebar-container .logo span {
  color: #fff !important;
}