/* ============================================================
   栓Q网络验证系统 · 「光年」风格主题 V7.5.14
   浅色侧栏（含所有子菜单层级）+ 青绿主色 + 彩色统计卡
   纯 CSS 覆盖，不改任何 JS / 组件 / 接口
   ============================================================ */

/* =========================================================
   1. 侧栏：白色底，所有层级统一
   注意：原主题用了 "#app .sidebar-container ... !important"，
   所以这里也必须带 #app 且 !important 才能压住。
   ========================================================= */
#app .sidebar-container {
    background: #fff !important;
    box-shadow: 2px 0 8px rgba(0, 21, 41, .06);
}

#app .sidebar-container .el-menu {
    background: transparent !important;
    border-right: none !important;
}

/* 二级菜单容器 */
#app .sidebar-container .el-menu--inline,
#app .sidebar-container .el-submenu .el-menu {
    background: #fafcfc !important;
}

/* 一级菜单项 / 子菜单标题 */
#app .sidebar-container .el-menu-item,
#app .sidebar-container .el-submenu__title {
    color: #606d7b !important;
    background-color: transparent !important;
}

/* 二级及以下菜单项（原来写死 #1f2d3d） */
#app .sidebar-container .el-submenu .el-menu-item,
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title,
#app .sidebar-container .el-menu--inline .el-menu-item {
    background-color: #fafcfc !important;
    color: #5f6b7a !important;
    min-width: 0 !important;
}

/* 图标与展开箭头 */
#app .sidebar-container .el-menu-item i,
#app .sidebar-container .el-submenu__title i,
#app .sidebar-container .el-submenu__icon-arrow {
    color: #90a0b0 !important;
}

/* 悬停（原来 #263445 / #001528） */
#app .sidebar-container .el-menu-item:hover,
#app .sidebar-container .el-submenu__title:hover,
#app .sidebar-container .submenu-title-noDropdown:hover {
    background-color: rgba(51,202,187,.08) !important;
    color: #33cabb !important;
}

#app .sidebar-container .el-submenu .el-menu-item:hover,
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover {
    background-color: rgba(51,202,187,.14) !important;
    color: #33cabb !important;
}

/* 选中项 */
#app .sidebar-container .el-menu-item.is-active {
    background-color: rgba(51,202,187,.14) !important;
    color: #33cabb !important;
    font-weight: 600;
}

#app .sidebar-container .el-menu-item.is-active i {
    color: #33cabb !important;
}

#app .sidebar-container .el-menu-item.is-active::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #33cabb;
}

#app .sidebar-container .el-submenu.is-active > .el-submenu__title,
#app .sidebar-container .is-active > .el-submenu__title {
    color: #33cabb !important;
}

/* 折叠后弹出的悬浮菜单（挂在 body 上，不在 #app 内） */
.el-menu--vertical {
    background: #fff !important;
}

.el-menu--vertical .el-menu-item,
.el-menu--vertical .el-submenu__title {
    background: #fff !important;
    color: #606d7b !important;
}

.el-menu--vertical .el-menu-item:hover,
.el-menu--vertical .submenu-title-noDropdown:hover,
.el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover {
    background: rgba(51,202,187,.08) !important;
    color: #33cabb !important;
}

.el-menu--vertical .el-menu-item.is-active {
    color: #33cabb !important;
    background: rgba(51,202,187,.14) !important;
}

/* 侧栏顶部 logo 区 */
.sidebar-logo-container {
    background: #fff !important;
    border-bottom: 1px solid #eef1f4;
}

.sidebar-logo-container .sidebar-logo-link .sidebar-title {
    color: #2f3a45 !important;
}

/* 侧栏滚动条 */
#app .sidebar-container .el-scrollbar__bar .el-scrollbar__thumb {
    background-color: rgba(0, 0, 0, .18);
}

/* =========================================================
   2. 主色改为青绿
   ========================================================= */
.el-button--primary {
    background: #33cabb !important;
    border-color: #33cabb !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
    background: #3fd6c6 !important;
    border-color: #3fd6c6 !important;
}

.el-button--text {
    color: #33cabb !important;
}

.el-tabs__item.is-active {
    color: #33cabb !important;
}

.el-tabs__active-bar {
    background-color: #33cabb !important;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #33cabb !important;
    border-color: #33cabb !important;
}

.el-switch.is-checked .el-switch__core {
    background-color: #33cabb !important;
    border-color: #33cabb !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #33cabb !important;
    border-color: #33cabb !important;
}

.el-radio__input.is-checked .el-radio__inner {
    background: #33cabb !important;
    border-color: #33cabb !important;
}

.el-radio__input.is-checked + .el-radio__label {
    color: #33cabb !important;
}

/* =========================================================
   3. 首页统计卡片：彩色渐变
   ========================================================= */
.dashboard-editor-container .card-panel {
    border: none !important;
    background: linear-gradient(135deg, #33cabb 0%, #2bb3a6 100%) !important;
}

.dashboard-editor-container .card-panel::before {
    display: none !important;
}

.dashboard-editor-container .card-panel-col:nth-child(2) .card-panel {
    background: linear-gradient(135deg, #f98a8a 0%, #f96868 100%) !important;
}

.dashboard-editor-container .card-panel-col:nth-child(3) .card-panel {
    background: linear-gradient(135deg, #15c377 0%, #12a865 100%) !important;
}

.dashboard-editor-container .card-panel-col:nth-child(4) .card-panel {
    background: linear-gradient(135deg, #a98be6 0%, #926dde 100%) !important;
}

.dashboard-editor-container .card-panel-text {
    color: rgba(255, 255, 255, .88) !important;
}

.dashboard-editor-container .card-panel-num {
    color: #fff !important;
}

.dashboard-editor-container .card-panel:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, .16) !important;
}

/* =========================================================
   4. 表格
   ========================================================= */
.el-table th {
    background: #f7f8fa !important;
    color: #5a6a7a !important;
    font-weight: 600;
}

.el-table td {
    border-bottom-color: #f0f1f3;
}