/* 将 data-rc-skin CSS 变量桥接到后台壳层 / 通用页 */

html {
    background-color: var(--rc-bg, #f7f4ef);
}

body.white-bg,
body.gray-bg,
#page-wrapper.gray-bg {
    background-color: var(--rc-bg, #f7f4ef) !important;
    color: var(--rc-ink, #1c1917);
}

/* 后台顶栏 */
.navbar.navbar-static-top.main {
    background-color: var(--rc-topbar, #1c1917) !important;
    border-bottom: 1px solid var(--rc-topbar-border, #0c0a09) !important;
}
.navbar.navbar-static-top.main .navbar-top-links > li > a,
.navbar.navbar-static-top.main .navbar-minimalize {
    color: #fff !important;
}
.navbar.navbar-static-top.main .navbar-top-links > li > a:hover,
.navbar.navbar-static-top.main .navbar-top-links > li > a:focus {
    color: var(--rc-topbar-accent, #fca5a5) !important;
    background: transparent !important;
}

/* 侧栏 Logo / 激活项 */
.navbar-default .logo,
.navbar-default.navbar-static-side .logo,
.navbar-default .logo[style] {
    background: var(--rc-topbar, #1c1917) !important;
    background-color: var(--rc-topbar, #1c1917) !important;
    color: #fff !important;
    border-bottom-color: var(--rc-topbar-border, #0c0a09) !important;
}
.navbar-default.navbar-static-side,
body.theme-dark .navbar-static-side,
body.theme-light .navbar-static-side,
.theme-dark .navbar-static-side,
.theme-light .navbar-static-side {
    background: var(--rc-nav-bg, var(--rc-surface, #fffcf7)) !important;
    background-color: var(--rc-nav-bg, var(--rc-surface, #fffcf7)) !important;
}
.navbar-default.navbar-static-side .sidebar-collapse,
.navbar-default.navbar-static-side #side-menu,
.navbar-default.navbar-static-side .nav-second-level,
.navbar-default.navbar-static-side .nav-third-level {
    background: var(--rc-nav-bg, transparent) !important;
}
.navbar-default.navbar-static-side .user-panel,
body.theme-dark .user-panel,
body.theme-light .user-panel {
    background: var(--rc-nav-bg, var(--rc-surface, #fffcf7)) !important;
}
/* 覆盖 style.css .nav>li.active 深色块，避免二级菜单黑底深字 */
.navbar-default.navbar-static-side .nav > li.active,
.navbar-default.navbar-static-side .nav > li.selected,
.theme-dark .navbar-static-side .nav > li.active,
.theme-light .navbar-static-side .nav > li.active {
    background: transparent !important;
    border-left: none !important;
}
.navbar-default.navbar-static-side .nav > li > a,
.navbar-default.navbar-static-side .nav .nav-second-level > li > a,
.navbar-default.navbar-static-side .nav .nav-third-level > li > a,
.theme-light .navbar-default .nav > li > a,
.theme-dark .navbar-default .nav > li > a {
    color: var(--rc-ink, #1c1917) !important;
    background: transparent !important;
    border-left: 3px solid transparent;
}
.navbar-default.navbar-static-side .nav > li > a:hover,
.navbar-default.navbar-static-side .nav > li > a:focus,
.navbar-default.navbar-static-side .nav .nav-second-level > li > a:hover,
.navbar-default.navbar-static-side .nav .nav-second-level > li > a:focus,
.navbar-default.navbar-static-side .nav .nav-third-level > li > a:hover,
.theme-dark .navbar-default .nav > li > a:hover,
.theme-dark .navbar-default .nav > li > a:focus,
.theme-light .navbar-default .nav > li > a:hover,
.theme-light .navbar-default .nav > li > a:focus {
    background: var(--rc-nav-active-bg, var(--rc-accent-soft)) !important;
    color: var(--rc-nav-active, var(--rc-accent)) !important;
}
.navbar-default.navbar-static-side .nav > li.active > a,
.navbar-default.navbar-static-side .nav > li.active > a:focus,
.navbar-default.navbar-static-side .nav > li.active > a:hover,
.navbar-default.navbar-static-side .nav > li.selected > a,
.navbar-default.navbar-static-side .nav .nav-second-level > li.active > a,
.navbar-default.navbar-static-side .nav .nav-second-level > li.active > a:hover,
.theme-light.skin-blue .navbar-default .nav > li.active > a,
.theme-light.skin-blue .navbar-default .nav > li.selected > a {
    background: var(--rc-nav-active-bg, var(--rc-accent-soft)) !important;
    color: var(--rc-nav-active, var(--rc-accent)) !important;
    border-left: 3px solid var(--rc-nav-active, var(--rc-accent)) !important;
    font-weight: 600;
}

/* 内容 Tab */
.content-tabs {
    background: var(--rc-surface, #fffcf7) !important;
    border-bottom: 1px solid var(--rc-line, #e7e0d5) !important;
}
.content-tabs .page-tabs a {
    color: var(--rc-muted, #78716c) !important;
    background: transparent !important;
}
.content-tabs .page-tabs a:hover,
.content-tabs .roll-nav:hover {
    background: var(--rc-accent-soft, #fee2e2) !important;
    color: var(--rc-accent, #b91c1c) !important;
}
.content-tabs .page-tabs a.active {
    background: var(--rc-accent-soft, #fee2e2) !important;
    color: var(--rc-accent, #b91c1c) !important;
    border-bottom-color: var(--rc-accent, #b91c1c) !important;
}
.content-tabs .roll-nav,
.content-tabs .tabReload,
.content-tabs button {
    color: var(--rc-muted, #78716c) !important;
    background: var(--rc-surface, #fffcf7) !important;
    border-color: var(--rc-line, #e7e0d5) !important;
    box-shadow: none !important;
}

/* 通用页按钮：主领绿 / 协作蓝（与抢线一致） */
.btn.rc-act-ok,
a.rc-act-ok,
button.rc-act-ok {
    color: var(--rc-btn-ok) !important;
    background: var(--rc-btn-ok-bg) !important;
    border: 1px solid var(--rc-btn-ok-line) !important;
    box-shadow: none !important;
}
.btn.rc-act-ok:hover,
.btn.rc-act-ok:focus,
a.rc-act-ok:hover,
a.rc-act-ok:focus {
    color: #fff !important;
    background: var(--rc-btn-ok) !important;
    border-color: var(--rc-btn-ok) !important;
}
.btn.rc-act-info,
a.rc-act-info,
button.rc-act-info {
    color: var(--rc-btn-info) !important;
    background: var(--rc-btn-info-bg) !important;
    border: 1px solid var(--rc-btn-info-line) !important;
    box-shadow: none !important;
}
.btn.rc-act-info:hover,
.btn.rc-act-info:focus,
a.rc-act-info:hover,
a.rc-act-info:focus {
    color: #fff !important;
    background: var(--rc-btn-info) !important;
    border-color: var(--rc-btn-info) !important;
}

/* 后台下拉皮肤菜单（双列） */
.navbar-top-links .dropdown-menu .dropdown-header {
    color: var(--rc-muted, #78716c);
    font-size: 12px;
}
.navbar-top-links .dropdown-menu {
    min-width: 280px;
}
.navbar-top-links .dropdown-menu .rc-skin-item.is-active {
    color: var(--rc-accent, #b91c1c) !important;
    background: var(--rc-accent-soft, #fee2e2) !important;
    font-weight: 600;
}

/* ========== 列表区：按主题底色/文字 + 扁平化（html 前缀提高优先级） ========== */
html[data-rc-skin] .ibox,
html[data-rc-skin] .ibox-content,
html[data-rc-skin] .wrapper-content,
html[data-rc-skin] .panel,
html[data-rc-skin] .el-card,
html[data-rc-skin] .select-table,
html[data-rc-skin] .container-div,
html[data-rc-skin] .search-collapse {
    background: var(--rc-list-panel-bg, var(--rc-surface, #fff)) !important;
    color: var(--rc-list-ink, var(--rc-ink, #303133)) !important;
    border: 1px solid var(--rc-list-border, var(--rc-line, #ebeef5)) !important;
    border-radius: var(--rc-radius, 2px) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .search-collapse label,
html[data-rc-skin] .select-list li,
html[data-rc-skin] .select-list label,
html[data-rc-skin] .page-header {
    color: var(--rc-list-ink, var(--rc-ink)) !important;
}
html[data-rc-skin] .select-list .text-muted,
html[data-rc-skin] .fixed-table-pagination .pagination-info,
html[data-rc-skin] .fixed-table-pagination .page-list,
html[data-rc-skin] .fixed-table-toolbar .bars,
html[data-rc-skin] .fixed-table-toolbar .columns,
html[data-rc-skin] .fixed-table-toolbar .search,
html[data-rc-skin] .no-records-found {
    color: var(--rc-list-text-muted, var(--rc-muted)) !important;
}

html[data-rc-skin] .table,
html[data-rc-skin] .el-table,
html[data-rc-skin] .bootstrap-table .table,
html[data-rc-skin] .fixed-table-container,
html[data-rc-skin] .fixed-table-body,
html[data-rc-skin] .fixed-table-header,
html[data-rc-skin] .fixed-table-toolbar,
html[data-rc-skin] .fixed-table-pagination {
    background: var(--rc-list-panel-bg, var(--rc-surface, #fff)) !important;
    background-color: var(--rc-list-panel-bg, var(--rc-surface, #fff)) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html[data-rc-skin] .table th,
html[data-rc-skin] .el-table th,
html[data-rc-skin] .table > thead > tr > th,
html[data-rc-skin] .table > thead > tr > td,
html[data-rc-skin] .bootstrap-table .table thead th,
html[data-rc-skin] .fixed-table-header th,
html[data-rc-skin] .table-bordered > thead > tr > th,
html[data-rc-skin] .table-bordered > thead > tr > td {
    background: var(--rc-list-head-bg, #f5f7fa) !important;
    background-color: var(--rc-list-head-bg, #f5f7fa) !important;
    color: var(--rc-list-head-ink, #606266) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
    font-weight: 600;
}
html[data-rc-skin] .table td,
html[data-rc-skin] .el-table td,
html[data-rc-skin] .table > tbody > tr > th,
html[data-rc-skin] .table > tbody > tr > td,
html[data-rc-skin] .table > tfoot > tr > th,
html[data-rc-skin] .table > tfoot > tr > td,
html[data-rc-skin] .bootstrap-table .table tbody td,
html[data-rc-skin] .table-bordered > tbody > tr > td {
    background-color: transparent !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
}
html[data-rc-skin] .table-striped > tbody > tr:nth-of-type(odd),
html[data-rc-skin] .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-rc-skin] .select-table.table-striped .table > tbody > tr:nth-of-type(odd) > td,
html[data-rc-skin] .bootstrap-table .table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: var(--rc-list-stripe, #fafafa) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
}
html[data-rc-skin] .table-hover > tbody > tr:hover,
html[data-rc-skin] .table-hover > tbody > tr:hover > td,
html[data-rc-skin] .bootstrap-table .table tbody tr:hover td {
    background-color: var(--rc-list-hover, #f5f7fa) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
}
html[data-rc-skin] .bootstrap-table .table tbody tr.selected td,
html[data-rc-skin] .fixed-table-body .selected td {
    background-color: var(--rc-list-hover, var(--rc-accent-soft)) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
}
/* 表格内普通链接用主题色；彩色实心按钮必须保持白字，否则与背景同色（各主题「查看/搜索」等不可读） */
html[data-rc-skin] .bootstrap-table a:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-default):not(.btn-secondary),
html[data-rc-skin] .fixed-table-body a:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-default):not(.btn-secondary),
html[data-rc-skin] .table a:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-default):not(.btn-secondary) {
    color: var(--rc-list-primary, var(--rc-accent)) !important;
}
html[data-rc-skin] .bootstrap-table a.btn-primary,
html[data-rc-skin] .bootstrap-table a.btn-success,
html[data-rc-skin] .bootstrap-table a.btn-info,
html[data-rc-skin] .bootstrap-table a.btn-warning,
html[data-rc-skin] .bootstrap-table a.btn-danger,
html[data-rc-skin] .fixed-table-body a.btn-primary,
html[data-rc-skin] .fixed-table-body a.btn-success,
html[data-rc-skin] .fixed-table-body a.btn-info,
html[data-rc-skin] .fixed-table-body a.btn-warning,
html[data-rc-skin] .fixed-table-body a.btn-danger,
html[data-rc-skin] .table a.btn-primary,
html[data-rc-skin] .table a.btn-success,
html[data-rc-skin] .table a.btn-info,
html[data-rc-skin] .table a.btn-warning,
html[data-rc-skin] .table a.btn-danger,
html[data-rc-skin] #toolbar a.btn-primary,
html[data-rc-skin] #toolbar a.btn-success,
html[data-rc-skin] #toolbar a.btn-info,
html[data-rc-skin] #toolbar a.btn-warning,
html[data-rc-skin] #toolbar a.btn-danger,
html[data-rc-skin] .search-collapse a.btn-primary,
html[data-rc-skin] .search-collapse a.btn-success,
html[data-rc-skin] .search-collapse a.btn-info,
html[data-rc-skin] .ibox a.btn-primary,
html[data-rc-skin] .ibox a.btn-success,
html[data-rc-skin] .ibox a.btn-info,
html[data-rc-skin] .ibox a.btn-warning,
html[data-rc-skin] .ibox a.btn-danger {
    color: #fff !important;
}
html[data-rc-skin] .pagination > li > a,
html[data-rc-skin] .pagination > li > span {
    background: var(--rc-list-panel-bg, #fff) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html[data-rc-skin] .pagination > .active > a,
html[data-rc-skin] .pagination > .active > span,
html[data-rc-skin] .pagination > .active > a:hover,
html[data-rc-skin] .pagination > .active > span:hover {
    background: var(--rc-list-primary, var(--rc-accent)) !important;
    border-color: var(--rc-list-primary, var(--rc-accent)) !important;
    color: #fff !important;
}
html[data-rc-skin] .pagination > li > a:hover,
html[data-rc-skin] .pagination > li > span:hover {
    background: var(--rc-list-hover) !important;
    color: var(--rc-list-primary, var(--rc-accent)) !important;
    border-color: var(--rc-list-border) !important;
}
html[data-rc-skin] .label,
html[data-rc-skin] .el-tag {
    border-radius: var(--rc-radius, 2px) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .form-control,
html[data-rc-skin] .el-input__inner {
    background: var(--rc-list-panel-bg, #fff) !important;
    color: var(--rc-list-ink, var(--rc-ink)) !important;
    border-color: var(--rc-list-border, var(--rc-line)) !important;
    border-radius: var(--rc-radius, 2px) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .form-control::placeholder {
    color: var(--rc-list-text-muted, var(--rc-muted)) !important;
}
html[data-rc-skin] .btn,
html[data-rc-skin] .el-button {
    border-radius: var(--rc-radius, 2px) !important;
    box-shadow: none !important;
}

/* 暗色皮肤：壳层补充（列表已走 --rc-list-*） */
html[data-rc-skin="dark"] body.white-bg,
html[data-rc-skin="dark"] body.gray-bg,
html[data-rc-skin="dark"] #page-wrapper.gray-bg,
html[data-rc-skin="dark"] body.theme-dark {
    background-color: var(--rc-bg) !important;
    color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .navbar-default.navbar-static-side {
    background: var(--rc-nav-bg, var(--rc-surface)) !important;
    background-color: var(--rc-nav-bg, var(--rc-surface)) !important;
    border-color: var(--rc-line) !important;
}
html[data-rc-skin="dark"] .navbar-default.navbar-static-side .user-panel {
    background: var(--rc-nav-bg, var(--rc-surface)) !important;
}
html[data-rc-skin="dark"] .navbar-default.navbar-static-side .nav > li > a {
    color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .content-tabs {
    background: var(--rc-surface) !important;
    border-color: var(--rc-line) !important;
}
html[data-rc-skin="dark"] .navbar-top-links .dropdown-menu {
    background: var(--rc-surface) !important;
    border-color: var(--rc-line) !important;
}
html[data-rc-skin="dark"] .navbar-top-links .dropdown-menu > li > a {
    color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .form-control,
html[data-rc-skin="dark"] .el-input__inner {
    background: var(--rc-row) !important;
}

/* ========== 列表 / 表单页按钮：每套皮肤独立色板（--rc-list-*） ==========
 * 覆盖 style.css 中 Element 固定色；与抢线页 --rc-btn-* 解耦，避免各主题按钮撞色
 */
.btn-primary,
.el-button--primary,
a.btn-primary,
button.btn-primary {
    color: #fff !important;
    background: var(--rc-list-primary, #409EFF) !important;
    border-color: var(--rc-list-primary, #409EFF) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.el-button--primary:hover,
.open .dropdown-toggle.btn-primary {
    color: #fff !important;
    background: var(--rc-list-primary-hover, #66b1ff) !important;
    border-color: var(--rc-list-primary-hover, #66b1ff) !important;
}

.btn-success,
.el-button--success,
a.btn-success,
button.btn-success {
    color: #fff !important;
    background: var(--rc-list-success, var(--rc-btn-ok)) !important;
    border-color: var(--rc-list-success, var(--rc-btn-ok)) !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.el-button--success:hover {
    color: #fff !important;
    background: var(--rc-list-success, var(--rc-btn-ok)) !important;
    border-color: var(--rc-list-success, var(--rc-btn-ok)) !important;
    filter: brightness(0.92);
}

.btn-info,
.el-button--info,
a.btn-info,
button.btn-info {
    color: #fff !important;
    background: var(--rc-list-info, var(--rc-btn-info)) !important;
    border-color: var(--rc-list-info, var(--rc-btn-info)) !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.el-button--info:hover {
    color: #fff !important;
    background: var(--rc-list-info, var(--rc-btn-info)) !important;
    border-color: var(--rc-list-info, var(--rc-btn-info)) !important;
    filter: brightness(0.92);
}

.btn-warning,
.el-button--warning,
a.btn-warning,
button.btn-warning {
    color: #fff !important;
    background: var(--rc-list-warning, var(--rc-warn-ink)) !important;
    border-color: var(--rc-list-warning, var(--rc-warn-ink)) !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.el-button--warning:hover {
    color: #fff !important;
    background: var(--rc-list-warning, var(--rc-warn-ink)) !important;
    border-color: var(--rc-list-warning, var(--rc-warn-ink)) !important;
    filter: brightness(0.92);
}

.btn-danger,
.el-button--danger,
a.btn-danger,
button.btn-danger {
    color: #fff !important;
    background: var(--rc-list-danger, var(--rc-btn-del)) !important;
    border-color: var(--rc-list-danger, var(--rc-btn-del)) !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.el-button--danger:hover {
    color: #fff !important;
    background: var(--rc-list-danger, var(--rc-btn-del)) !important;
    border-color: var(--rc-list-danger, var(--rc-btn-del)) !important;
    filter: brightness(0.92);
}

/* 描边 / 切换组（如时间范围） */
.btn-outline-primary,
.btn-primary.btn-outline,
label.btn-outline-primary {
    color: var(--rc-list-primary, var(--rc-accent)) !important;
    background: transparent !important;
    border-color: var(--rc-list-primary, var(--rc-accent)) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary.active,
.btn-outline-primary:active,
label.btn-outline-primary.active,
label.btn-outline-primary:hover {
    color: #fff !important;
    background: var(--rc-list-primary, var(--rc-accent)) !important;
    border-color: var(--rc-list-primary, var(--rc-accent)) !important;
}

.btn-default,
.btn-secondary,
a.btn-default,
button.btn-default,
button.btn-secondary {
    color: var(--rc-ink) !important;
    background: var(--rc-surface) !important;
    border-color: var(--rc-line-strong) !important;
}
.btn-default:hover,
.btn-secondary:hover {
    color: var(--rc-accent) !important;
    background: var(--rc-accent-soft) !important;
    border-color: var(--rc-btn-add-line, var(--rc-accent)) !important;
}

/* 工具栏 / 搜索区小按钮 */
#toolbar .btn,
.btn-group-sm .btn,
.search-collapse .btn,
.select-list .btn {
    box-shadow: none !important;
}

/* 抢线/抽奖等多按钮工具栏：按操作语义分色（每主题色板不同） */
html[data-rc-skin] #toolbar .btn.rc-tb-add,
html[data-rc-skin] .btn.rc-tb-add {
    color: #fff !important;
    background: var(--rc-tb-add, #047857) !important;
    border-color: var(--rc-tb-add, #047857) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-delete,
html[data-rc-skin] .btn.rc-tb-delete {
    color: #fff !important;
    background: var(--rc-tb-delete, #7f1d1d) !important;
    border-color: var(--rc-tb-delete, #7f1d1d) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-import,
html[data-rc-skin] .btn.rc-tb-import {
    color: #fff !important;
    background: var(--rc-tb-import, #1e40af) !important;
    border-color: var(--rc-tb-import, #1e40af) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-import-alt,
html[data-rc-skin] .btn.rc-tb-import-alt {
    color: #fff !important;
    background: var(--rc-tb-import-alt, #0e7490) !important;
    border-color: var(--rc-tb-import-alt, #0e7490) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-clear,
html[data-rc-skin] .btn.rc-tb-clear {
    color: #fff !important;
    background: var(--rc-tb-clear, #9f1239) !important;
    border-color: var(--rc-tb-clear, #9f1239) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-qr,
html[data-rc-skin] .btn.rc-tb-qr {
    color: #fff !important;
    background: var(--rc-tb-qr, #6d28d9) !important;
    border-color: var(--rc-tb-qr, #6d28d9) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-qr-off,
html[data-rc-skin] .btn.rc-tb-qr-off {
    color: #fff !important;
    background: var(--rc-tb-qr-off, #64748b) !important;
    border-color: var(--rc-tb-qr-off, #64748b) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-calc,
html[data-rc-skin] .btn.rc-tb-calc {
    color: #fff !important;
    background: var(--rc-tb-calc, #c2410c) !important;
    border-color: var(--rc-tb-calc, #c2410c) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-temp,
html[data-rc-skin] .btn.rc-tb-temp {
    color: #fff !important;
    background: var(--rc-tb-temp, #7c3aed) !important;
    border-color: var(--rc-tb-temp, #7c3aed) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-export,
html[data-rc-skin] .btn.rc-tb-export {
    color: #fff !important;
    background: var(--rc-tb-export, #a16207) !important;
    border-color: var(--rc-tb-export, #a16207) !important;
}
html[data-rc-skin] #toolbar .btn.rc-tb-log,
html[data-rc-skin] .btn.rc-tb-log {
    color: #fff !important;
    background: var(--rc-tb-log, #475569) !important;
    border-color: var(--rc-tb-log, #475569) !important;
}
html[data-rc-skin] #toolbar .btn[class*="rc-tb-"]:hover,
html[data-rc-skin] #toolbar .btn[class*="rc-tb-"]:focus {
    filter: brightness(0.92);
    color: #fff !important;
}
#toolbar .btn.rc-tb-delete.disabled,
#toolbar .btn.rc-tb-delete[disabled],
#toolbar .btn.multiple.disabled {
    opacity: 0.45;
    filter: none;
}

/* 行内操作图标按钮：跟该皮肤列表主色 */
.fixed-table-body .btn-xs,
.bootstrap-table .btn-xs {
    color: var(--rc-list-primary, var(--rc-accent)) !important;
}
.fixed-table-body .btn-xs:hover,
.bootstrap-table .btn-xs:hover {
    color: var(--rc-list-primary-hover, var(--rc-accent)) !important;
}

html[data-rc-skin="dark"] .btn-default,
html[data-rc-skin="dark"] .btn-secondary {
    color: var(--rc-ink) !important;
    background: var(--rc-row) !important;
    border-color: var(--rc-line-strong) !important;
}
/* 暗色按钮底色偏亮，白字对比不足 → 用深色字 */
html[data-rc-skin="dark"] .btn-primary,
html[data-rc-skin="dark"] .btn-success,
html[data-rc-skin="dark"] .btn-info,
html[data-rc-skin="dark"] .btn-warning,
html[data-rc-skin="dark"] .btn-danger,
html[data-rc-skin="dark"] a.btn-primary,
html[data-rc-skin="dark"] a.btn-success,
html[data-rc-skin="dark"] a.btn-info,
html[data-rc-skin="dark"] a.btn-warning,
html[data-rc-skin="dark"] a.btn-danger,
html[data-rc-skin="dark"] .el-button--primary,
html[data-rc-skin="dark"] .el-button--success,
html[data-rc-skin="dark"] .el-button--info,
html[data-rc-skin="dark"] .el-button--warning,
html[data-rc-skin="dark"] .el-button--danger,
html[data-rc-skin="dark"] .btn-primary:hover,
html[data-rc-skin="dark"] .btn-primary:focus,
html[data-rc-skin="dark"] .btn-primary:active,
html[data-rc-skin="dark"] .btn-primary.active,
html[data-rc-skin="dark"] .btn-success:hover,
html[data-rc-skin="dark"] .btn-success:focus,
html[data-rc-skin="dark"] .btn-info:hover,
html[data-rc-skin="dark"] .btn-info:focus,
html[data-rc-skin="dark"] .btn-warning:hover,
html[data-rc-skin="dark"] .btn-warning:focus,
html[data-rc-skin="dark"] .btn-danger:hover,
html[data-rc-skin="dark"] .btn-danger:focus,
html[data-rc-skin="dark"] .btn-outline-primary.active,
html[data-rc-skin="dark"] .btn-outline-primary:hover,
html[data-rc-skin="dark"] .btn-outline-primary:active,
html[data-rc-skin="dark"] label.btn-outline-primary.active,
html[data-rc-skin="dark"] label.btn-outline-primary:hover,
html[data-rc-skin="dark"] #toolbar .btn[class*="rc-tb-"],
html[data-rc-skin="dark"] .btn[class*="rc-tb-"],
html[data-rc-skin="dark"] #toolbar .btn[class*="rc-tb-"]:hover,
html[data-rc-skin="dark"] #toolbar .btn[class*="rc-tb-"]:focus,
html[data-rc-skin="dark"] .pagination > .active > a,
html[data-rc-skin="dark"] .pagination > .active > span {
    color: #0b1220 !important;
}
html[data-rc-skin="dark"] .fixed-table-body .btn-xs,
html[data-rc-skin="dark"] .bootstrap-table .btn-xs {
    color: var(--rc-list-primary, var(--rc-topbar-accent)) !important;
    background: transparent !important;
}
html[data-rc-skin="dark"] .navbar-default.navbar-static-side .nav > li.active > a,
html[data-rc-skin="dark"] .navbar-default.navbar-static-side .nav .nav-second-level > li.active > a {
    background: var(--rc-nav-active-bg) !important;
    color: var(--rc-nav-active) !important;
    border-left-color: var(--rc-nav-active);
}

/* ========== 防 style.css / skins.css 硬编码反杀（收口） ========== */
.navbar-default.navbar-static-side,
.theme-light .navbar-static-side,
.theme-dark .navbar-static-side {
    box-shadow: none !important;
}
.navbar-default.navbar-static-side .user-panel > .info,
.navbar-default.navbar-static-side .user-panel > .info > p,
.navbar-default.navbar-static-side .user-panel > .info > a {
    color: var(--rc-ink, #1c1917) !important;
}
.fixed-sidebar.mini-navbar .nav li:hover > .nav-second-level,
.fixed-sidebar.mini-navbar .nav li:hover > a > span.nav-label,
.fixed-sidebar.theme-light.mini-navbar .nav li:hover > .nav-second-level,
.fixed-sidebar.theme-light.mini-navbar .nav li:hover > a > span.nav-label {
    background: var(--rc-nav-bg, #f9fafc) !important;
    background-color: var(--rc-nav-bg, #f9fafc) !important;
    color: var(--rc-ink) !important;
    border-color: var(--rc-line) !important;
}
html[data-rc-skin] .ibox-title {
    background: var(--rc-list-panel-bg) !important;
    border-color: var(--rc-list-border) !important;
    color: var(--rc-list-ink) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .form-control:focus,
html[data-rc-skin] .el-input__inner:focus {
    border-color: var(--rc-list-primary) !important;
    box-shadow: none !important;
}
html[data-rc-skin] .label-primary,
html[data-rc-skin] .el-tag--primary,
html[data-rc-skin] .badge-primary {
    background: var(--rc-accent-soft) !important;
    color: var(--rc-list-primary) !important;
    border-color: var(--rc-list-primary) !important;
}
html[data-rc-skin] .label-success,
html[data-rc-skin] .el-tag--success,
html[data-rc-skin] .badge-success {
    background: var(--rc-btn-ok-bg, var(--rc-list-stripe)) !important;
    color: var(--rc-list-success) !important;
    border-color: var(--rc-list-success) !important;
}
html[data-rc-skin] .label-warning,
html[data-rc-skin] .el-tag--warning,
html[data-rc-skin] .badge-warning {
    background: var(--rc-warn-bg, var(--rc-list-stripe)) !important;
    color: var(--rc-list-warning) !important;
    border-color: var(--rc-list-warning) !important;
}
html[data-rc-skin] .label-danger,
html[data-rc-skin] .el-tag--danger,
html[data-rc-skin] .badge-danger {
    background: var(--rc-btn-del-bg, var(--rc-list-stripe)) !important;
    color: var(--rc-list-danger) !important;
    border-color: var(--rc-list-danger) !important;
}
html[data-rc-skin] .label-info,
html[data-rc-skin] .el-tag--info,
html[data-rc-skin] .badge-info {
    background: var(--rc-list-stripe) !important;
    color: var(--rc-list-info) !important;
    border-color: var(--rc-list-info) !important;
}
html[data-rc-skin] .btn-success.btn-outline,
html[data-rc-skin] .btn-outline-success {
    color: var(--rc-list-success) !important;
    background: transparent !important;
    border-color: var(--rc-list-success) !important;
}
html[data-rc-skin] .btn-info.btn-outline,
html[data-rc-skin] .btn-outline-info {
    color: var(--rc-list-info) !important;
    background: transparent !important;
    border-color: var(--rc-list-info) !important;
}
html[data-rc-skin] .btn-warning.btn-outline,
html[data-rc-skin] .btn-outline-warning {
    color: var(--rc-list-warning) !important;
    background: transparent !important;
    border-color: var(--rc-list-warning) !important;
}
html[data-rc-skin] .btn-danger.btn-outline,
html[data-rc-skin] .btn-outline-danger {
    color: var(--rc-list-danger) !important;
    background: transparent !important;
    border-color: var(--rc-list-danger) !important;
}
html[data-rc-skin] .btn-success.btn-outline:hover,
html[data-rc-skin] .btn-info.btn-outline:hover,
html[data-rc-skin] .btn-warning.btn-outline:hover,
html[data-rc-skin] .btn-danger.btn-outline:hover,
html[data-rc-skin] .btn-outline-success:hover,
html[data-rc-skin] .btn-outline-info:hover,
html[data-rc-skin] .btn-outline-warning:hover,
html[data-rc-skin] .btn-outline-danger:hover {
    color: #fff !important;
}
html[data-rc-skin] .btn-success.btn-outline:hover { background: var(--rc-list-success) !important; border-color: var(--rc-list-success) !important; }
html[data-rc-skin] .btn-info.btn-outline:hover { background: var(--rc-list-info) !important; border-color: var(--rc-list-info) !important; }
html[data-rc-skin] .btn-warning.btn-outline:hover { background: var(--rc-list-warning) !important; border-color: var(--rc-list-warning) !important; }
html[data-rc-skin] .btn-danger.btn-outline:hover { background: var(--rc-list-danger) !important; border-color: var(--rc-list-danger) !important; }
html[data-rc-skin] .dropdown-menu {
    box-shadow: none !important;
    border: 1px solid var(--rc-list-border, var(--rc-line)) !important;
    background: var(--rc-list-panel-bg, var(--rc-surface)) !important;
}
html[data-rc-skin] {
    --el-color-primary: var(--rc-list-primary);
    --el-color-success: var(--rc-list-success);
    --el-color-warning: var(--rc-list-warning);
    --el-color-danger: var(--rc-list-danger);
    --el-color-info: var(--rc-list-info);
}