/**
 * Devias — Dark / Light theme (theo html[data-devias-effective="dark|light"])
 * Load sau style.css + devias-modules-unify.css
 */

/* --- Tokens: chỉ áp dụng khi dark (tránh đụng layout light) --- */
html[data-devias-effective="dark"] {
	color-scheme: dark;
	--devias-bg-page: #0f1419;
	--devias-bg-elevated: #151b22;
	--devias-bg-panel: #1a2229;
	--devias-bg-panel-2: #22262e;
	--devias-bg-card: #1e2630;
	--devias-border: rgba(148, 163, 184, 0.22);
	--devias-border-strong: rgba(148, 163, 184, 0.35);
	--devias-text: #e8edf3;
	--devias-text-muted: #94a3b8;
	--devias-accent: #64dd6c;
	--devias-accent-soft: rgba(100, 221, 108, 0.18);
	--devias-gold: #fbc972;
	--devias-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
	--devias-scroll-track: #1a2229;
	--devias-scroll-thumb: #3d4a5c;
	--devias-scroll-thumb-hover: #556274;
	--devias-scroll-thumb-active: #6b7a8f;
}

/* --- Trang nền --- */
html[data-devias-effective="dark"] body {
	background-color: var(--devias-bg-page) !important;
	background-image:
		radial-gradient(ellipse 120% 80% at 50% -20%, rgba(100, 221, 108, 0.08), transparent 55%),
		linear-gradient(180deg, #0f1419 0%, #0c1014 100%) !important;
	color: var(--devias-text);
}

html[data-devias-effective="dark"] a {
	color: #7ec8ff;
}
html[data-devias-effective="dark"] a:hover,
html[data-devias-effective="dark"] a:focus {
	color: var(--devias-gold);
}

html[data-devias-effective="dark"] .vd_body {
	box-shadow: var(--devias-shadow) !important;
}

/* --- Header top --- */
html[data-devias-effective="dark"] .layout-header {
	background: var(--devias-bg-panel) !important;
	box-shadow: 0 1px 0 var(--devias-border), 0 8px 24px rgba(0, 0, 0, 0.35) !important;
	border-bottom: 1px solid var(--devias-border);
}

html[data-devias-effective="dark"] .layout-header .main-panel .nav-icon button {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .layout-header .main-panel .nav-icon button:hover,
html[data-devias-effective="dark"] .layout-header .main-panel .nav-icon button:focus {
	color: var(--devias-accent) !important;
	outline: none;
	box-shadow: 0 0 0 2px var(--devias-accent-soft);
	border-radius: 6px;
}

html[data-devias-effective="dark"] .layout-header .main-panel .nav-header > li > a {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .layout-header .main-panel .nav-header > li > a:hover,
html[data-devias-effective="dark"] .layout-header .main-panel .nav-header > li > a:focus {
	color: var(--devias-accent) !important;
	background: transparent !important;
}
html[data-devias-effective="dark"] .layout-header .main-panel .nav-header > li > a > .fa {
	color: #cbd5e1 !important;
}
html[data-devias-effective="dark"] .layout-header .main-panel .nav-header > li > a:hover > .fa,
html[data-devias-effective="dark"] .layout-header .main-panel .nav-header > li > a:focus > .fa {
	color: var(--devias-accent) !important;
}

html[data-devias-effective="dark"] .layout-header .left-panel {
	background: var(--devias-bg-panel-2) !important;
	border-right: 1px solid var(--devias-border);
}

/* --- Layout main / sidebar --- */
html[data-devias-effective="dark"] .layout-main {
	background-color: var(--devias-bg-page) !important;
}

html[data-devias-effective="dark"] .layout-main > .left-panel {
	background: var(--devias-bg-panel) !important;
	border-right: 1px solid var(--devias-border);
}

html[data-devias-effective="dark"] .layout-main > .main-panel {
	background: var(--devias-bg-elevated) !important;
}

html[data-devias-effective="dark"] .main-panel .main-container {
	background-color: var(--devias-bg-panel) !important;
	color: var(--devias-text);
}

html[data-devias-effective="dark"] .main-panel .main-container > .row .row-body {
	background-color: var(--devias-bg-panel-2) !important;
	color: var(--devias-text);
}

/* --- Ticker / head strip --- */
html[data-devias-effective="dark"] .notify-new {
	background: rgba(30, 38, 48, 0.92) !important;
	border: 1px solid var(--devias-border) !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
}

html[data-devias-effective="dark"] .site-ticker-track,
html[data-devias-effective="dark"] .site-ticker-text {
	color: var(--devias-text) !important;
}

html[data-devias-effective="dark"] .vd_head-section .vd_panel-menu .menu {
	border-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
	background: var(--devias-bg-panel-2) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .layout-main > .vd_head-section {
	background: var(--devias-bg-panel) !important;
	border-bottom: 1px solid var(--devias-border) !important;
}
html[data-devias-effective="dark"] .layout-main > .main-panel {
	border-right-color: var(--devias-border) !important;
}

/* --- Cột phải widgets --- */
html[data-devias-effective="dark"] #RightColumnSkin #Account_Content .BlockRight {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
	color: var(--devias-text);
}

/* --- Bootstrap panels / wells --- */
html[data-devias-effective="dark"] .panel {
	background-color: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .panel-default > .panel-heading {
	background: linear-gradient(180deg, #243040 0%, #1e2630 100%) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .panel-default > .panel-body {
	background-color: var(--devias-bg-card) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .panel-footer {
	background-color: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text-muted);
}

html[data-devias-effective="dark"] .panel.panel-main {
	background-color: var(--devias-bg-panel-2) !important;
}

html[data-devias-effective="dark"] .well {
	/* style.css .well dùng background-image gradient sáng — phải xóa image thì màu nền mới hiện */
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
	filter: none !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
html[data-devias-effective="dark"] .well.well-sm {
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
	filter: none !important;
}

/* --- Tables --- */
html[data-devias-effective="dark"] .table {
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .table > thead > tr > th,
html[data-devias-effective="dark"] .table > tbody > tr > th,
html[data-devias-effective="dark"] .table > tfoot > tr > th,
html[data-devias-effective="dark"] .table > thead > tr > td,
html[data-devias-effective="dark"] .table > tbody > tr > td,
html[data-devias-effective="dark"] .table > tfoot > tr > td {
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .table > thead > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.03) !important;
}
html[data-devias-effective="dark"] .table-hover > tbody > tr:hover {
	background-color: var(--devias-accent-soft) !important;
}

/* style.css đặt .table-bordered { border-color: #fff } — ghi đè đầy đủ cả ô + viền ngoài */
html[data-devias-effective="dark"] .table-bordered,
html[data-devias-effective="dark"] .table.table-bordered {
	border: 1px solid var(--devias-border) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .table-bordered > thead > tr > th,
html[data-devias-effective="dark"] .table-bordered > thead > tr > td,
html[data-devias-effective="dark"] .table-bordered > tbody > tr > th,
html[data-devias-effective="dark"] .table-bordered > tbody > tr > td,
html[data-devias-effective="dark"] .table-bordered > tfoot > tr > th,
html[data-devias-effective="dark"] .table-bordered > tfoot > tr > td {
	border-color: var(--devias-border) !important;
}

/* --- Forms --- */
html[data-devias-effective="dark"] .form-control {
	background-color: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
html[data-devias-effective="dark"] .form-control:focus {
	border-color: var(--devias-accent) !important;
	box-shadow: 0 0 0 2px var(--devias-accent-soft) !important;
}
html[data-devias-effective="dark"] label,
html[data-devias-effective="dark"] .control-label {
	color: var(--devias-text-muted);
}
html[data-devias-effective="dark"] .help-block,
html[data-devias-effective="dark"] .text-muted {
	color: var(--devias-text-muted) !important;
}

/* --- Buttons --- */
html[data-devias-effective="dark"] .btn-default {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .btn-default:hover,
html[data-devias-effective="dark"] .btn-default:focus {
	background: #2a3442 !important;
	border-color: var(--devias-accent) !important;
	color: var(--devias-text) !important;
}

html[data-devias-effective="dark"] .btn-primary {
	background: linear-gradient(180deg, #2e7d32 0%, #1b5e20 100%) !important;
	border-color: #1b5e20 !important;
}
html[data-devias-effective="dark"] .btn-primary:hover,
html[data-devias-effective="dark"] .btn-primary:focus {
	background: linear-gradient(180deg, #388e3c 0%, #2e7d32 100%) !important;
}

/* --- Dropdowns --- */
html[data-devias-effective="dark"] .dropdown-menu {
	background-color: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .dropdown-menu > li > a {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .dropdown-menu > li > a:hover,
html[data-devias-effective="dark"] .dropdown-menu > li > a:focus {
	background: var(--devias-accent-soft) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .dropdown-menu .divider {
	background-color: var(--devias-border) !important;
}

/* devias-modules-unify: #bank .pull-right #0f172a — trên nền tối phải sáng; viền dropdown header dịu hơn .dropdown-menu chung */
html[data-devias-effective="dark"] .layout-header #bank.dropdown-menu {
	border: 1px solid rgba(148, 163, 184, 0.2) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .layout-header #bank.dropdown-menu .dmenuitem > a {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .layout-header #bank.dropdown-menu .dmenuitem .pull-left {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .layout-header #bank.dropdown-menu .dmenuitem .pull-right,
html[data-devias-effective="dark"] .layout-header #bank.dropdown-menu .dmenuitem .pull-right.text-warning {
	color: var(--devias-gold) !important;
}

/* --- Modals (Bootstrap 3) --- */
html[data-devias-effective="dark"] .modal-content {
	background-color: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
	color: var(--devias-text);
	box-shadow: var(--devias-shadow);
}
html[data-devias-effective="dark"] .modal-header {
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .modal-footer {
	border-top-color: var(--devias-border) !important;
	background: var(--devias-bg-panel-2) !important;
}

/* --- Alerts --- */
html[data-devias-effective="dark"] .alert {
	border-width: 1px;
}
html[data-devias-effective="dark"] .alert-success {
	background: rgba(46, 125, 50, 0.2) !important;
	border-color: rgba(100, 221, 108, 0.45) !important;
	color: #c8e6c9 !important;
}
html[data-devias-effective="dark"] .alert-info {
	background: rgba(25, 118, 210, 0.18) !important;
	border-color: rgba(66, 165, 245, 0.45) !important;
	color: #bbdefb !important;
}
html[data-devias-effective="dark"] .alert-warning {
	background: rgba(245, 124, 0, 0.15) !important;
	border-color: rgba(251, 201, 114, 0.5) !important;
	color: #ffe0b2 !important;
}
html[data-devias-effective="dark"] .alert-danger {
	background: rgba(198, 40, 40, 0.2) !important;
	border-color: rgba(239, 83, 80, 0.45) !important;
	color: #ffcdd2 !important;
}

/* --- Notify modal (style.css) --- */
html[data-devias-effective="dark"] .notify.notify--modal .notify-backdrop {
	background: rgba(2, 6, 12, 0.72) !important;
}
html[data-devias-effective="dark"] .notify.notify--modal .notify-panel {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text);
	box-shadow: var(--devias-shadow);
}
html[data-devias-effective="dark"] .notify.notify--modal .notify-panel .panel-heading {
	background: linear-gradient(180deg, #243040 0%, #1e2630 100%) !important;
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .notify.notify--modal .notify-panel .panel-body {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .notify.notify--modal .notify-panel .panel-footer {
	background: var(--devias-bg-panel-2) !important;
	border-top-color: var(--devias-border) !important;
}

/* --- Footer --- */
html[data-devias-effective="dark"] footer .vd_bottom {
	background: linear-gradient(180deg, #0a0d11 0%, #121820 100%) !important;
	color: var(--devias-text-muted) !important;
	border-top: 1px solid var(--devias-border);
}

/* --- Back to top --- */
html[data-devias-effective="dark"] .vd_back-top {
	background: var(--devias-bg-card) !important;
	color: var(--devias-accent) !important;
	border: 1px solid var(--devias-border);
	box-shadow: var(--devias-shadow);
}

/* --- Pace --- */
html[data-devias-effective="dark"] .pace-host .pace .pace-progress {
	background: linear-gradient(90deg, var(--devias-accent), #42a5f5) !important;
}

/* --- Module content (#Load_Content) — nền chung --- */
html[data-devias-effective="dark"] #Load_Content,
html[data-devias-effective="dark"] #Load_Event {
	color: var(--devias-text);
}

/* --- Theme switcher (header) — glass pill --- */
.devias-theme-nav-item {
	padding-left: 6px !important;
	padding-right: 6px !important;
}
.devias-theme-nav-item:before {
	display: none !important;
}

.devias-theme-switch {
	display: inline-flex;
	align-items: center;
	gap: 0;
	margin-top: 4px;
	padding: 2px;
	border-radius: 999px;
	background: rgba(15, 20, 25, 0.06);
	border: 1px solid rgba(148, 163, 184, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

html[data-devias-effective="dark"] .devias-theme-switch {
	background: rgba(255, 255, 255, 0.06);
	border-color: var(--devias-border);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.devias-theme-seg {
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	border: 0;
	background: transparent;
	width: 32px;
	height: 30px;
	border-radius: 999px;
	cursor: pointer;
	color: #64748b;
	font-size: 14px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.devias-theme-seg:hover,
.devias-theme-seg:focus {
	color: #358adb;
	outline: none;
	box-shadow: 0 0 0 2px rgba(53, 138, 219, 0.25);
}

html[data-devias-effective="dark"] .devias-theme-seg {
	color: var(--devias-text-muted);
}
html[data-devias-effective="dark"] .devias-theme-seg:hover,
html[data-devias-effective="dark"] .devias-theme-seg:focus {
	color: var(--devias-accent);
	box-shadow: 0 0 0 2px var(--devias-accent-soft);
}

.devias-theme-seg.is-active {
	background: rgba(255, 255, 255, 0.92);
	color: #1e293b;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}

html[data-devias-effective="dark"] .devias-theme-seg.is-active {
	background: rgba(100, 221, 108, 0.22);
	color: var(--devias-accent);
	box-shadow: 0 0 0 1px rgba(100, 221, 108, 0.35);
}

@media (max-width: 767px) {
	.devias-theme-seg {
		width: 28px;
		height: 28px;
		font-size: 13px;
	}
}

/* --- Tooltip (HuyVn-Custom.js) --- */
html[data-devias-effective="dark"] #tooltip {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
	border: 1px solid var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] #tooltip:after {
	border-top-color: var(--devias-bg-card) !important;
}

/* --- jQuery UI (datepicker / dialog) — tối thiểu --- */
html[data-devias-effective="dark"] .ui-widget-content {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .ui-widget-header {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .ui-state-default,
html[data-devias-effective="dark"] .ui-widget-content .ui-state-default {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .ui-state-hover,
html[data-devias-effective="dark"] .ui-state-focus {
	border-color: var(--devias-accent) !important;
	color: var(--devias-text) !important;
}

/* ========== Trang chủ & cột phải: đồng bộ card trắng → dark ========== */

/* Slider + panel light trong #Load_Content */
html[data-devias-effective="dark"] .main-container .panel.widget.light-widget {
	background: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .panel.widget.light-widget:not(.skin-module-form) {
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #Load_Content .panel.widget.light-widget [data-u="loading"] > div {
	background: var(--devias-bg-panel-2) !important;
	opacity: 0.9 !important;
}

/* --- Đăng nhập (#Login_Content) --- */
html[data-devias-effective="dark"] #Login_Content .login-section .login-title span {
	color: #90caf9 !important;
	border-top-color: var(--devias-border) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .login-section .input-group-addon {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .register-panel {
	border-top-color: var(--devias-border) !important;
	background: transparent;
}
html[data-devias-effective="dark"] .register-panel a {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .register-panel a:hover {
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .login-section .errors {
	color: #ff8a80 !important;
}

/* --- Trang chủ: khối Tin tức (.home-news-block) — mirror devias-modules-unify --- */
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-block,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-block {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-head,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-head {
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-title,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-title .fa,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-title .fa {
	color: #64b5f6 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-cats a,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-cats a {
	color: var(--devias-text) !important;
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-cats a:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-cats a:hover {
	color: var(--devias-accent) !important;
	background: var(--devias-accent-soft) !important;
	border-color: rgba(100, 221, 108, 0.45) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-empty-state,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-empty-state {
	border-color: var(--devias-border) !important;
	background: linear-gradient(180deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 100%) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-empty-title,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-empty-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-empty-desc,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-empty-desc,
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-empty-tagline,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-empty-tagline {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-empty-footer,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-empty-footer {
	border-top-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-empty-visual,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-empty-visual {
	background: linear-gradient(145deg, rgba(25, 118, 210, 0.25) 0%, rgba(13, 71, 161, 0.35) 100%) !important;
	color: #90caf9 !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-list li,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .list_post li {
	border-color: var(--devias-border) !important;
	background: linear-gradient(165deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 100%) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-list li:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .list_post li:hover {
	border-color: rgba(100, 221, 108, 0.35) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-list a.home-news-line,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .list_post a.home-news-line {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-list a.home-news-line:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .list_post a.home-news-line:hover {
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-list .time,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .list_post .time {
	color: var(--devias-text-muted) !important;
	background: var(--devias-bg-panel) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-more,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-more {
	border-top-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-more .read_more,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-more .read_more {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .h_content .home-news-more .read_more:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .home-news-more .read_more:hover {
	background: var(--devias-accent-soft) !important;
	color: var(--devias-accent) !important;
}

/* --- Character_Manager / Char_Info (List_Act): vạch inset trắng + panel --- */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content.skin-char-info-page .skin-char-info-main.panel,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content.skin-char-info-page .skin-char-info-main {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content.skin-char-info-page .skin-char-info-main > .panel-heading {
	background: var(--devias-bg-panel-2) !important;
	border-bottom: 1px solid var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content.skin-char-info-page .skin-char-info-main .panel-heading.panel-bd-top {
	border-top-color: rgba(100, 221, 108, 0.55) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content.skin-char-info-page .skin-char-info-main .panel-heading h4 {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content.skin-char-info-page .char-info-panel-body {
	background: var(--devias-bg-panel-2) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content.skin-char-info-page .skin-char-info-select.panel {
	border-color: var(--devias-border) !important;
}

/* --- Cột phải #Load_Event: panel widget (style.css) --- */
html[data-devias-effective="dark"] #Load_Event .panel.widget {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] #Load_Event .panel .panel-heading {
	background: linear-gradient(180deg, #243040 0%, #1e2630 100%) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #Load_Event .panel-heading h4 {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-cal-wrap {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] #Load_Event .content-list .list-wrapper > li {
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #Load_Event .content-list .menu-text {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] #Load_Event .content-list .list-wrapper > li > a:hover .menu-text {
	color: var(--devias-gold) !important;
}
/* style.css: .content-list .list-wrapper>li:hover { background:#F5F5F5 } — ghi đè (menu cột phải) */
html[data-devias-effective="dark"] #Load_Event .content-list .list-wrapper > li:hover {
	background: rgba(255, 255, 255, 0.06) !important;
}
html[data-devias-effective="dark"] #Load_Event .content-list .list-wrapper > li:hover .menu-text {
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] #Load_Event .panel .panel-heading {
	background: linear-gradient(180deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 100%) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #Load_Event .panel-heading.panel-bd-top,
html[data-devias-effective="dark"] #Load_Event .panel .panel-heading.panel-bd-top {
	border-top-color: rgba(100, 181, 246, 0.42) !important;
	border-top-width: 2px !important;
}

/* Sự kiện game — bảng CustomTimeEvent */
html[data-devias-effective="dark"] #Load_Event .CustomTimeEvent {
	background: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] #Load_Event .CustomTimeEvent .skin-event-row td {
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #Load_Event .CustomTimeEvent .skin-event-time-txt {
	color: #ffab91 !important;
}
html[data-devias-effective="dark"] #Load_Event .CustomTimeEvent .skin-event-name {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #Load_Event .CustomTimeEvent .skin-event-cd {
	color: var(--devias-text-muted) !important;
}

/* Lộ trình server — widget cột phải */
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-body {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-topline {
	color: var(--devias-text-muted) !important;
	background: linear-gradient(180deg, rgba(25, 118, 210, 0.2) 0%, var(--devias-bg-panel-2) 100%) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-topline-label {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-topline-value {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-list {
	background: var(--devias-bg-panel-2) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-item {
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-daytag {
	color: #bbdefb !important;
	background: rgba(25, 118, 210, 0.2) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-cd {
	color: var(--devias-text-muted) !important;
	background: var(--devias-bg-panel) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-link.skin-roadmap-line2 {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-link:hover,
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-link:focus {
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] #Load_Event .skin-roadmap-footer {
	background: var(--devias-bg-panel) !important;
	border-top-color: var(--devias-border) !important;
}

/* Trang đầy đủ lộ trình (#Info/ServerRoadmap) */
html[data-devias-effective="dark"] .skin-server-roadmap-page .skin-sr-intro {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .skin-server-roadmap-page .skin-sr-full-table {
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .skin-server-roadmap-page .skin-sr-row--focus {
	background: rgba(255, 193, 7, 0.12) !important;
	outline-color: #ffc107 !important;
}
html[data-devias-effective="dark"] .skin-server-roadmap-page .skin-sr-content {
	color: var(--devias-text) !important;
}

/* ========== Module AJAX: .skin-module-form (unify.css hay set #fff cho bảng) ========== */

html[data-devias-effective="dark"] .main-panel .main-container .panel.widget.light-widget.skin-module-form {
	background: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
	color: var(--devias-text);
}

html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form .main-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .main-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .block-title {
	color: var(--devias-text-muted) !important;
}

html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form .form-block {
	border-top-color: var(--devias-border) !important;
}
/* style.css .break-line { border-top #d9e0e7 } + mobile .form-block — trên nền tối trông như vạch trắng */
html[data-devias-effective="dark"] .main-panel .main-container .break-line,
html[data-devias-effective="dark"] #Load_Content .break-line {
	border-top: 1px solid var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .form-block {
	border-top-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container hr,
html[data-devias-effective="dark"] #Load_Content hr {
	border-top-color: var(--devias-border) !important;
	border-bottom: 0 !important;
	background: transparent !important;
	opacity: 1;
}

/* Thông tin tài khoản — bảng account-info-table (devias-modules-unify) */
html[data-devias-effective="dark"] .skin-module-form .account-info-devias .account-info-table {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .skin-module-form .account-info-devias .account-info-table > tbody > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text-muted) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .skin-module-form .account-info-devias .account-info-table > tbody > tr > td {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text);
}

html[data-devias-effective="dark"] .skin-module-form .account-info-devias .devias-input-pass-readonly {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text-muted) !important;
}

/* Cùng rule với #Load_Content + .main-panel (độ ưu tiên cao hơn unify / Bootstrap) */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .account-info-devias .account-info-table {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .account-info-devias .account-info-table > tbody > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text-muted) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .account-info-devias .account-info-table > tbody > tr > td {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .account-info-devias .table-responsive {
	background: transparent !important;
}

/* Bảng / table-bordered trong module (Bootstrap) */
html[data-devias-effective="dark"] .skin-module-form .table-bordered,
html[data-devias-effective="dark"] .skin-module-form .table-bordered > tbody > tr > td,
html[data-devias-effective="dark"] .skin-module-form .table-bordered > tbody > tr > th {
	border-color: var(--devias-border) !important;
}

/* Lịch sử hoạt động — account-action-history-wrap */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .account-action-history-wrap .account-history-panel {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .account-action-history-wrap .account-history-empty {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .account-action-history-wrap .account-history-panel .account-history-tabs {
	background: var(--devias-bg-panel-2) !important;
	border-bottom-color: var(--devias-border) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .account-action-history-wrap .account-history-panel .account-history-tab {
	color: var(--devias-text) !important;
	background: linear-gradient(180deg, #2a3442 0%, #1e2630 100%) !important;
	border-right-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .account-action-history-wrap .account-history-panel .account-history-tab:hover {
	background: var(--devias-bg-panel) !important;
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .account-action-history-wrap .account-history-panel .account-history-tab.is-active {
	background: linear-gradient(180deg, #4e342e 0%, #3e2723 100%) !important;
	color: #ffccbc !important;
}

html[data-devias-effective="dark"] .skin-module-form .table-form td.col-label,
html[data-devias-effective="dark"] .skin-module-form .table-form td[align="right"] {
	color: var(--devias-text-muted) !important;
}

/* ========== #Page/News — danh sách + chi tiết bài (devias-modules-unify) ========== */

html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--list {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--list > .ModuleManage:first-of-type {
	background: linear-gradient(180deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 70%) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--list > .ModuleManage:first-of-type .TitleModule {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--list .news-page-cats {
	background: var(--devias-bg-card) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--list .news-page-cats a {
	color: var(--devias-text) !important;
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--list .news-page-cats a:hover {
	color: var(--devias-accent) !important;
	background: var(--devias-accent-soft) !important;
	border-color: rgba(100, 221, 108, 0.45) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--list .list_post {
	background: linear-gradient(180deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 100%) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--list .news-page-pager {
	border-top-color: var(--devias-border) !important;
	background: var(--devias-bg-panel) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--list .news-page-pager-select {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
}

/* Chi tiết bài tin */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-header {
	background: linear-gradient(180deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 100%) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-header .TitleModule,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-title-label {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-title-text {
	color: #e3f2fd !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-footer {
	background: var(--devias-bg-panel) !important;
	border-top-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-back {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-back:hover {
	color: var(--devias-gold) !important;
}

/* Bảng trong nội dung HTML tin (CKEditor/CMS) */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table {
	background: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table th,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table th {
	background: linear-gradient(180deg, #2a3442 0%, #1e2630 100%) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table td,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table td {
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table tbody tr:nth-child(even) td,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table tbody tr:nth-child(even) td {
	background: rgba(255, 255, 255, 0.03) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table tbody tr:hover td,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table tbody tr:hover td {
	background: var(--devias-accent-soft) !important;
}

/* Khung ProtectWrap (một số trang tin / module) */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ProtectWrap {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text);
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ProtectWrap .TitleProt {
	background: linear-gradient(180deg, rgba(46, 125, 50, 0.22) 0%, var(--devias-bg-panel-2) 55%, var(--devias-bg-card) 100%) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ProtectWrap .TitleProt strong {
	color: #81c784 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ProtectWrap .TitleProt strong font {
	color: #a5d6a7 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ProtectWrap .guides > li {
	color: var(--devias-text) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ProtectWrap .guides > li:hover {
	background: var(--devias-bg-panel) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ProtectWrap .guides strong {
	color: #90caf9 !important;
}

/* Bảng CMS class mon* (nền #fff trong unify) */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table.mon,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table.mon1,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table.mon2,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table.mon3,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table.mon,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table.mon1,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table.mon2,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table.mon3 {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table.devias-guide-2col,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table.devias-guide-2col {
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table.devias-guide-2col td,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table.devias-guide-2col td {
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table.devias-guide-2col tr:first-child td,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table.devias-guide-2col tr:first-child td {
	background: linear-gradient(180deg, rgba(46, 125, 50, 0.28) 0%, rgba(27, 94, 32, 0.2) 100%) !important;
	color: #c8e6c9 !important;
	border-bottom-color: rgba(129, 199, 132, 0.45) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft.news-page--single .news-article-body table.devias-guide-2col tr:not(:first-child) td:first-child,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .news-article-body table.devias-guide-2col tr:not(:first-child) td:first-child {
	border-right-color: var(--devias-border) !important;
}

/* Cảnh báo trong khối tin */
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--list .alert.alert-warning,
html[data-devias-effective="dark"] #Load_Content .BlockLeft.news-page--single .alert.alert-warning {
	background: rgba(255, 152, 0, 0.12) !important;
	border-color: rgba(255, 152, 0, 0.45) !important;
	color: #ffe0b2 !important;
}

/* ========== Menu AJAX: tab Tính năng / Character_Manager (.TypeUseServiceBtn) ========== */

html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft .ModuleManage .TypeUseServiceBtn {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft .ModuleManage .TypeUseServiceBtn:hover {
	background: var(--devias-bg-panel) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft .ModuleManage .TypeUseServiceBtn.active {
	background: linear-gradient(180deg, #4e342e 0%, #3e2723 100%) !important;
	border-color: #5d4037 !important;
	color: #ffccbc !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* ProtectWrap nhỏ trong .BlockLeft (khác bản full trang tin) */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft .ProtectWrap {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft .ProtectWrap .guides {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .BlockLeft .TitleProt {
	color: var(--devias-text) !important;
}

/* ========== Quà tích lũy — .card-reward-* (Character_Manager/CardReward) ========== */

html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-page-frame,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-page-frame {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-page-frame > .TitleModule,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-page-frame > .TitleModule {
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-page-frame .alert.alert-info.small,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-page-frame .alert.alert-info.small {
	background: rgba(33, 150, 243, 0.12) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-page-frame .alert.alert-info.small .guides > li,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-page-frame .alert.alert-info.small .guides > li {
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-page-frame .alert.alert-info.small .guides strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-page-frame .alert.alert-info.small .guides strong {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-page-frame .card-reward-notice-em,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-page-frame .card-reward-notice-em {
	color: #ffcc80 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-page-frame .ActiveService,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-page-frame .ActiveService {
	color: var(--devias-text) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-page-frame .card-reward-panel,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-page-frame .card-reward-panel,
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-panel,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-panel {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-table,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-table {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-table thead th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-table thead th {
	border-color: var(--devias-border-strong) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-table tbody tr,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-table tbody tr {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-table tbody tr:nth-child(even),
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-table tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.04) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-table tbody tr:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-table tbody tr:hover {
	background: var(--devias-accent-soft) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-table tbody td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-table tbody td {
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-badge,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-badge {
	background: var(--devias-bg-panel) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-amount,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-amount {
	color: #ffab91 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-progress-bar,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-progress-bar {
	background: var(--devias-bg-panel) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-claimed-label,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-claimed-label {
	color: var(--devias-accent) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-claimed-at,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-claimed-at {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-tip-imgwrap,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-tip-imgwrap {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .card-reward-tip-empty,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .card-reward-tip-empty {
	color: var(--devias-text-muted) !important;
}

/* ========== Khung module gỗ — .devias-module-page-frame (nhiều menu Character / Tính năng) ========== */

html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame > .TitleModule,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame > .TitleModule {
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .TypeUseServiceBtn,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .TypeUseServiceBtn {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .TypeUseServiceBtn:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .TypeUseServiceBtn:hover {
	background: var(--devias-bg-panel) !important;
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .TypeUseServiceBtn.active,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .TypeUseServiceBtn.active {
	background: linear-gradient(180deg, #4e342e 0%, #3e2723 100%) !important;
	border-color: #5d4037 !important;
	color: #ffccbc !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ProtectWrap,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ProtectWrap {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ProtectWrap .TitleProt,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ProtectWrap .TitleProt {
	background: linear-gradient(180deg, rgba(46, 125, 50, 0.22) 0%, var(--devias-bg-panel-2) 55%, var(--devias-bg-card) 100%) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ProtectWrap .TitleProt strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ProtectWrap .TitleProt strong {
	color: #a5d6a7 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ProtectWrap .guides > li,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ProtectWrap .guides > li {
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ProtectWrap .guides strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ProtectWrap .guides strong {
	color: #bcaaa4 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .errornew,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .errornew {
	background: rgba(211, 47, 47, 0.15) !important;
	border-color: rgba(239, 83, 80, 0.45) !important;
	color: #ffcdd2 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ActiveService,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ActiveService {
	color: var(--devias-text) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .content,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .content {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .classXu,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .classXu,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .TenNhanVat,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .TenNhanVat,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .TenNhanvat,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .TenNhanvat {
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .space_solid_bottom,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .space_solid_bottom {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .progress-bar,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .progress-bar {
	background: var(--devias-bg-panel) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .BlockTwoColumn,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .BlockTwoColumn {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame input.Accept,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame input.Accept {
	background: linear-gradient(180deg, #3e2723 0%, #2c1f1a 100%) !important;
	border-color: #6d4c41 !important;
	color: #efebe9 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame input.NotAccept,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame input.NotAccept {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr:nth-child(even),
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr:nth-child(even),
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr:nth-child(even),
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.04) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr:hover,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr:hover {
	background: var(--devias-accent-soft) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td {
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#0066FF"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#0066FF"],
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="#0066FF"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="#0066FF"],
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#0066ff"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#0066ff"] {
	color: #90caf9 !important;
}

/* skin-module-form — khối hướng dẫn cam (TrainTitle, QuestDaily, …) */
html[data-devias-effective="dark"] .skin-module-form.train-title-devias .train-title-alert-guide,
html[data-devias-effective="dark"] .skin-module-form.quest-daily-devias .quest-daily-alert-guide,
html[data-devias-effective="dark"] .skin-module-form.check-character-devias .check-character-alert-guide,
html[data-devias-effective="dark"] .skin-module-form.uplevel-day-devias .uplevel-day-alert-guide,
html[data-devias-effective="dark"] .skin-module-form.item-ex-master-devias .item-ex-master-alert-guide,
html[data-devias-effective="dark"] .skin-module-form.item-ex-pc-point-devias .item-ex-pc-point-alert-guide,
html[data-devias-effective="dark"] .skin-module-form.danh-hieu-devias .danh-hieu-alert-guide,
html[data-devias-effective="dark"] .skin-module-form.reset-master-point-devias .reset-master-point-alert-guide,
html[data-devias-effective="dark"] .skin-module-form.train-level-master-devias .train-level-master-alert-guide {
	background: rgba(240, 173, 78, 0.12) !important;
	border-left-color: #ffb74d !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .skin-module-form.uplevel-day-devias .uplevel-day-alert-locked {
	background: rgba(217, 83, 79, 0.12) !important;
	border-left-color: #e57373 !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .skin-module-form.train-title-devias .train-title-captcha-img,
html[data-devias-effective="dark"] .skin-module-form.uplevel-day-devias .uplevel-day-captcha-img,
html[data-devias-effective="dark"] .skin-module-form.item-ex-master-devias .item-ex-master-captcha-img,
html[data-devias-effective="dark"] .skin-module-form.reset-master-point-devias .reset-master-point-captcha-img,
html[data-devias-effective="dark"] .skin-module-form.train-level-master-devias .train-level-master-captcha-img {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}

/* Bảng mon* legacy trong main (ngoài trang tin) */
html[data-devias-effective="dark"] .main-panel .main-container table.mon,
html[data-devias-effective="dark"] .main-panel .main-container table.mon1,
html[data-devias-effective="dark"] .main-panel .main-container table.mon2,
html[data-devias-effective="dark"] .main-panel .main-container table.mon3 {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container table.mon tr:first-child td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon tr:first-child th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon1 tr:first-child td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon1 tr:first-child th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon2 tr:first-child td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon2 tr:first-child th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon3 tr:first-child td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon3 tr:first-child th {
	background: linear-gradient(180deg, #2a3442 0%, #1e2630 100%) !important;
	color: var(--devias-text) !important;
	border-bottom-color: var(--devias-border-strong) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container table.mon tr:nth-child(even):not(:first-child) td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon tr:nth-child(even):not(:first-child) th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon1 tr:nth-child(even):not(:first-child) td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon1 tr:nth-child(even):not(:first-child) th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon2 tr:nth-child(even):not(:first-child) td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon2 tr:nth-child(even):not(:first-child) th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon3 tr:nth-child(even):not(:first-child) td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon3 tr:nth-child(even):not(:first-child) th {
	background: rgba(255, 255, 255, 0.03) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container table.mon th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon1 th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon1 td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon2 th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon2 td,
html[data-devias-effective="dark"] .main-panel .main-container table.mon3 th,
html[data-devias-effective="dark"] .main-panel .main-container table.mon3 td {
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}

/* ========== Quản lý server — hub (#sm-server-manager-root, style inline main.inc.php) ========== */

html[data-devias-effective="dark"] #sm-server-manager-root.server-manager-wrap .sm-page-title,
html[data-devias-effective="dark"] .server-manager-wrap .sm-page-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-stat-card {
	background: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
	box-shadow: var(--devias-shadow);
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-stat-card:hover {
	border: 1px solid var(--devias-border-strong) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-stat-card-accent {
	background: rgba(33, 150, 243, 0.12) !important;
	border: 1px solid rgba(100, 181, 246, 0.35) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-stat-card-ico {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-stat-card-accent .sm-stat-card-ico {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-stat-card-label {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-stat-card-val {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .server-manager-nav .sm-nav-heading {
	color: var(--devias-text-muted) !important;
}
@media (min-width: 992px) {
	html[data-devias-effective="dark"] .server-manager-nav .sm-nav-col-secondary {
		border-left-color: var(--devias-border) !important;
	}
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-nav-tile {
	background: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-nav-tile .sm-nav-tile-ico {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-nav-tile:hover {
	background: var(--devias-bg-panel) !important;
	border-color: rgba(100, 181, 246, 0.45) !important;
	color: #90caf9 !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-nav-tile:hover .sm-nav-tile-ico {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-nav-tile.active {
	background: linear-gradient(180deg, #1e5a8e 0%, #1565c0 100%) !important;
	border-color: #1976d2 !important;
	color: #fff !important;
	box-shadow: 0 2px 12px rgba(21, 101, 192, 0.35) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-nav-tile.active .sm-nav-tile-ico {
	color: #fff !important;
}
html[data-devias-effective="dark"] .server-manager-wrap button.sm-nav-tile.sm-log-hub-toggle:focus {
	outline-color: rgba(100, 181, 246, 0.65) !important;
}
html[data-devias-effective="dark"] .server-manager-wrap .sm-muted {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .server-manager-body .alert-info {
	background: rgba(33, 150, 243, 0.12) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .server-manager-body .sm-dash-intro {
	color: var(--devias-text-muted);
}

/* Quản lý server — dashboard widgets (.sm-dash-*, style trong dashboard.inc.php) */

html[data-devias-effective="dark"] .sm-dash-widgets .sm-dash-card {
	background: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-dash-card-hd {
	background: linear-gradient(180deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 100%) !important;
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-dash-chart-tabs {
	background: var(--devias-bg-panel-2) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-chart-tab {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-chart-tab:hover {
	border-color: rgba(100, 181, 246, 0.45) !important;
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-chart-tab--active {
	background: rgba(33, 150, 243, 0.18) !important;
	border-color: rgba(100, 181, 246, 0.5) !important;
	color: #90caf9 !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-peak-item {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-peak-item-accent {
	background: rgba(33, 150, 243, 0.12) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-peak-lbl {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-peak-val {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-peak-foot {
	border-top-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-reg-chart {
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-reg-bar-lbl {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-dash-table th {
	color: var(--devias-text-muted) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-dash-table td {
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.03) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-dash-error.alert-warning {
	background: rgba(255, 152, 0, 0.12) !important;
	border-color: rgba(255, 152, 0, 0.45) !important;
	color: #ffe0b2 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-editor-wrap {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-item {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-btn {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-btn:hover,
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-btn:focus {
	background: var(--devias-bg-panel) !important;
	border-color: rgba(100, 181, 246, 0.45) !important;
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-btn--del {
	background: rgba(211, 47, 47, 0.12) !important;
	border-color: rgba(239, 83, 80, 0.4) !important;
	color: #ffcdd2 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-meta,
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-note {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-badge {
	background: var(--devias-bg-panel) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-badge--maintenance {
	background: rgba(211, 47, 47, 0.15) !important;
	border-color: rgba(239, 83, 80, 0.4) !important;
	color: #ffcdd2 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-badge--event {
	background: rgba(33, 150, 243, 0.15) !important;
	border-color: rgba(100, 181, 246, 0.4) !important;
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-badge--summary {
	background: rgba(236, 64, 122, 0.12) !important;
	border-color: rgba(240, 98, 146, 0.35) !important;
	color: #f8bbd9 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-badge--prize {
	background: rgba(255, 152, 0, 0.12) !important;
	border-color: rgba(255, 183, 77, 0.4) !important;
	color: #ffe0b2 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-timer {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-timer--maintenance {
	background: rgba(211, 47, 47, 0.1) !important;
	border-color: rgba(239, 83, 80, 0.35) !important;
	color: #ffcdd2 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-timer--event {
	background: rgba(33, 150, 243, 0.1) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-timer--summary {
	background: rgba(236, 64, 122, 0.1) !important;
	border-color: rgba(240, 98, 146, 0.3) !important;
	color: #f8bbd9 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-sched-timer--prize {
	background: rgba(255, 152, 0, 0.1) !important;
	border-color: rgba(255, 183, 77, 0.35) !important;
	color: #ffe0b2 !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-dash-loading {
	color: var(--devias-text-muted) !important;
}

/* Dashboard — đường dẫn JSON: Bootstrap `code` nền hồng / chữ đỏ lệch dark theme */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-dash-widgets .sm-sched-hint code {
	background: var(--devias-bg-panel-2) !important;
	color: #90caf9 !important;
	border: 1px solid var(--devias-border) !important;
	padding: 1px 5px !important;
	border-radius: 3px !important;
	font-size: 10px !important;
}

/* Ghi đè shorthand `border` từ dashboard.inc.php để viền luôn theo token (tránh vệt sáng) */
html[data-devias-effective="dark"] .sm-dash-widgets .sm-peak-item {
	border: 1px solid var(--devias-border) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-peak-item-accent {
	border: 1px solid rgba(100, 181, 246, 0.35) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-peak-foot {
	border-top: 1px dashed var(--devias-border) !important;
}
html[data-devias-effective="dark"] .sm-dash-widgets .sm-reg-chart {
	border-bottom: 1px solid var(--devias-border) !important;
}

/* Top nạp — khung scroll bảng đồng bộ với card */
html[data-devias-effective="dark"] .sm-dash-widgets .sm-dash-table-wrap .table-responsive {
	border: 1px solid var(--devias-border) !important;
	border-radius: 6px !important;
	overflow: hidden;
}

/* ========== Quản lý server — các view con (style inline trong views/*.inc.php) ========== */

/*
 * Bảng Bootstrap trong SM: skin / unify thường để nền #fff + chữ sáng trên tbody
 * → chữ gần như mất trên nền sáng khi dark. Ép nền + màu chữ cho toàn bộ ô.
 */
html[data-devias-effective="dark"] #sm-server-manager-body .table {
	background-color: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .table > thead > tr > th,
html[data-devias-effective="dark"] #sm-server-manager-body .table > thead > tr > td {
	background-color: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .table > tbody > tr > td,
html[data-devias-effective="dark"] #sm-server-manager-body .table > tbody > tr > th {
	background-color: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-devias-effective="dark"] #sm-server-manager-body .table-striped > tbody > tr:nth-of-type(odd) > th {
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .table-striped > tbody > tr:nth-of-type(even) > td,
html[data-devias-effective="dark"] #sm-server-manager-body .table-striped > tbody > tr:nth-of-type(even) > th {
	background-color: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .table-hover > tbody > tr:hover > td,
html[data-devias-effective="dark"] #sm-server-manager-body .table-hover > tbody > tr:hover > th {
	background-color: var(--devias-accent-soft) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .table .text-muted,
html[data-devias-effective="dark"] #sm-server-manager-body .table .small.text-muted {
	color: var(--devias-text-muted) !important;
}

/* Lô đề — bảng danh sách cược (không striped) */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-table > thead > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-table > tbody > tr > td {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
}

/* Lộ trình — thead trắng mặc định Bootstrap */
html[data-devias-effective="dark"] #sm-server-manager-body #sm-roadmap-table > thead > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body #sm-roadmap-table > tbody > tr > td {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-roadmap-page .sm-roadmap-row .form-control {
	border-color: var(--devias-border-strong) !important;
}

/* Tài khoản (account) */
html[data-devias-effective="dark"] #sm-server-manager-body #sm-acc-stats strong {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-acc-info-table td {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border-strong) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-acc-char-item,
html[data-devias-effective="dark"] #sm-server-manager-body a.sm-acc-char-item.sm-acc-char-link {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body a.sm-acc-char-item.sm-acc-char-link:hover,
html[data-devias-effective="dark"] #sm-server-manager-body a.sm-acc-char-item.sm-acc-char-link:focus {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body #sm-acc-bank-grid .sm-acc-bank-tile {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body #sm-acc-bank-grid .sm-acc-bank-label {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body #sm-acc-bank-grid .sm-acc-bank-val {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-acc-create-char-wrap {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}

/* Nạp thẻ — modal xóa */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-card-del-dialog-inner {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-card-del-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-card-del-msg {
	color: var(--devias-text-muted) !important;
}

/* Online — thẻ sub-server + cảnh báo hàng */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-online-sv-card {
	background: linear-gradient(180deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 100%) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-online-sv-card-name {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-online-sv-total {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-on-table > tbody > tr.sm-on-row-warn > td {
	background: rgba(255, 152, 0, 0.14) !important;
	color: var(--devias-text) !important;
}

/* Make Item */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-top-panel-hd {
	background: linear-gradient(180deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 100%) !important;
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-radio-pill {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-radio-pill:hover {
	background: var(--devias-bg-panel) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-radio-pill.sm-mi-radio-pill--on {
	background: rgba(33, 150, 243, 0.15) !important;
	border-color: rgba(100, 181, 246, 0.45) !important;
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-recent-chip--tk {
	background: rgba(63, 81, 181, 0.2) !important;
	border-color: rgba(159, 168, 218, 0.5) !important;
	color: #c5cae9 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-recent-chip--nv {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-tile:not(.sm-mi-tile--wear) {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-tile--active:not(.sm-mi-tile--wear) {
	background: rgba(33, 150, 243, 0.12) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-tile--preview {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-preview-body {
	background: linear-gradient(180deg, var(--devias-bg-card) 0%, rgba(211, 47, 47, 0.08) 100%) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-preview-name {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-preview-sub {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-toast-card {
	background: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-toast-card--warning {
	background: rgba(255, 152, 0, 0.12) !important;
	border-color: rgba(255, 183, 77, 0.45) !important;
	color: #ffe0b2 !important;
}

/* Log Web / Log Item — fade cuối ô mô tả (cùng .sm-lw-des-inner) */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lw-des-inner.sm-lw-des-collapsed::after {
	background: linear-gradient(transparent, var(--devias-bg-card)) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-li-wrap .sm-lw-des-inner.sm-mi-log-rich.sm-lw-des-collapsed::after {
	background: linear-gradient(transparent, var(--devias-bg-card)) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-li-wrap .sm-lw-des-inner.sm-mi-log-rich {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
	box-shadow: none !important;
}

/* Jewel bank / Currency stats — hàng tổng */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-jb-sum-row > th,
html[data-devias-effective="dark"] #sm-server-manager-body .sm-cs-sum-row > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}

/* Lô đề — thead */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-thuchi-table > thead > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}

/* Trao thưởng — khối monospace */
html[data-devias-effective="dark"] #sm-server-manager-body #sm-rw-kinds {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body #sm-rw-example-json {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
}

/* Make Item — modal chỉnh sửa + toast */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-edit-dialog {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border-strong) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-edit-hd,
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-edit-ft {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-edit-hd strong {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-edit-bd {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-toast-card--success {
	background: rgba(46, 125, 50, 0.18) !important;
	border-color: rgba(129, 199, 132, 0.45) !important;
	color: #c8e6c9 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-toast-card--error {
	background: rgba(211, 47, 47, 0.15) !important;
	border-color: rgba(239, 83, 80, 0.45) !important;
	color: #ffcdd2 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-mi-toast-card--info {
	background: rgba(33, 150, 243, 0.12) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
	color: var(--devias-text) !important;
}

/* Fake nạp — toast thành công (nền xanh lá sáng) */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-fk-toast-panel {
	background: linear-gradient(180deg, rgba(46, 125, 50, 0.22) 0%, rgba(27, 94, 32, 0.35) 100%) !important;
	border-color: rgba(129, 199, 132, 0.45) !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-fk-toast-title {
	color: #c8e6c9 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-fk-toast-sub {
	color: #a5d6a7 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-fk-toast-amt {
	color: #e8f5e9 !important;
}

/* Tiền tệ — highlight cột (+ chữ đậm nền tối, không để số mờ) */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-cs-table.sm-cs-hl-c1 .sm-cs-col-c1 {
	background: rgba(33, 150, 243, 0.22) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-cs-table.sm-cs-hl-wc .sm-cs-col-wc {
	background: rgba(0, 150, 136, 0.2) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-cs-table.sm-cs-hl-wp .sm-cs-col-wp {
	background: rgba(171, 71, 188, 0.2) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-cs-table.sm-cs-hl-c2 .sm-cs-col-c2 {
	background: rgba(102, 187, 106, 0.2) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-cs-table.sm-cs-hl-km .sm-cs-col-km {
	background: rgba(255, 167, 38, 0.16) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-cs-table.sm-cs-hl-goblin .sm-cs-col-gc {
	background: rgba(236, 64, 122, 0.16) !important;
	color: var(--devias-text) !important;
}

/* Make Item — khối Zen (inline style gốc) */
html[data-devias-effective="dark"] #sm-server-manager-body #sm-mi-ware-zen-wrap {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text-muted) !important;
}

/* Tài khoản — header bảng thống kê (gốc #1f2937 trùng nền card) */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-acc-info-table th {
	background: var(--devias-bg-panel) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border-strong) !important;
}

/* Lô đề — màu trạng thái / thu-chi (ưu tiên trên rule tbody td) */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-won {
	color: #81c784 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-lost {
	color: #e57373 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-thuchi-table td.sm-lode-thuchi-pos,
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-thuchi-pos {
	color: #a5d6a7 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-thuchi-table td.sm-lode-thuchi-neg,
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-thuchi-neg {
	color: #ffab91 !important;
}

/* Trao thưởng — panel-primary chi tiết đợt */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-reward-wrap .panel-primary {
	border-color: rgba(100, 181, 246, 0.4) !important;
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-reward-wrap .panel-primary > .panel-heading {
	background: rgba(33, 150, 243, 0.2) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
	color: #bbdefb !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-reward-wrap .panel-primary > .panel-body {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text);
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-reward-wrap .panel-primary > .panel-heading .badge {
	background: rgba(0, 0, 0, 0.22) !important;
	color: #e3f2fd !important;
}

/* Ngọc — ghi đè highlight cột (JS set backgroundColor inline hsl sáng) + cột TK */
html[data-devias-effective="dark"] #sm-server-manager-body #sm-jb-table th.sm-jb-hl-on,
html[data-devias-effective="dark"] #sm-server-manager-body #sm-jb-table td.sm-jb-hl-on {
	background-color: rgba(100, 181, 246, 0.26) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-jb-table > tbody > tr > td.sm-jb-col-acc {
	color: #ffab91 !important;
}

/* Tiền tệ — cột tài khoản (JS inline #c00) */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-cs-table > tbody > tr > td.sm-cs-col-acc {
	color: #ffab91 !important;
}

/* Online — số trên thẻ + dòng tổng (JS span màu xanh), TK trong bảng */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-online-sv-card-cnt {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-online-sv-total span {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-on-table > tbody > tr > td.sm-on-acc {
	color: #ffab91 !important;
}

/* Quản lý server — <code> inline toàn vùng body (đồng bộ Giftcode: nền panel, chữ tím nhạt, viền token) */
html[data-devias-effective="dark"] #sm-server-manager-body code {
	background: var(--devias-bg-panel-2) !important;
	color: #ce93d8 !important;
	border: 1px solid var(--devias-border) !important;
	padding: 1px 5px !important;
	border-radius: 3px !important;
	font-size: 11px !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body pre code {
	display: block;
	padding: 8px !important;
	font-size: 12px !important;
	border-radius: 4px !important;
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
	white-space: pre-wrap;
	word-break: break-word;
}

/* Thông báo / phản hồi có class text-* (Join notify, Bank stats, …) */
html[data-devias-effective="dark"] #sm-server-manager-body .text-success {
	color: #81c784 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .text-danger {
	color: #e57373 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .text-warning {
	color: #ffb74d !important;
}

/* Bootstrap 3 — label-default trên nền panel tối (Lô đề badge trang, v.v.) */
html[data-devias-effective="dark"] #sm-server-manager-body .label-default {
	background: var(--devias-bg-panel) !important;
	color: var(--devias-text-muted) !important;
	border: 1px solid var(--devias-border) !important;
}

/* Bank — số dư hiện tại (chỉ font-weight trong view; tăng tương phản nhẹ) */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-bank-wrap .sm-bank-cur {
	color: #ffcc80 !important;
}
/* Bank — cột «Loại»: đảm bảo chữ không bị tông xám mờ từ theme cũ */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-bank-wrap .sm-bank-tbl > tbody > tr > td:first-child {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-bank-wrap .sm-bank-st-detail > tbody > tr > td:first-child,
html[data-devias-effective="dark"] #sm-server-manager-body .sm-bank-wrap .sm-bank-st-sum > tbody > tr > td:first-child {
	color: var(--devias-text) !important;
}

/* Lô đề — tbody bảng thu chi (tách nền với thead đã dark) */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-lode-thuchi-table > tbody > tr > td {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
}

/* Lộ trình — nút link xóa dòng trong bảng */
html[data-devias-effective="dark"] #sm-server-manager-body .sm-roadmap-page .btn-link {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] #sm-server-manager-body .sm-roadmap-page .btn-link:hover,
html[data-devias-effective="dark"] #sm-server-manager-body .sm-roadmap-page .btn-link:focus {
	color: #bbdefb !important;
}

/* =============================================================================
 * Dark — Ngân hàng / Nạp thẻ / Character_Manager / Tính năng (#Load_Content)
 * Ghi đè nền #fff / #fafafa từ devias-modules-unify.css + style.css (AJAX module)
 * ============================================================================= */

/* Khung legacy + bảng điều kiện (Đổi giới tính, nhiều trang Tính năng dùng frame) */
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame > .TitleModule,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame > .TitleModule {
	color: var(--devias-text) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .BlockTwoColumn,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .BlockTwoColumn {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .content,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .content {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ProtectWrap,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ProtectWrap {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ProtectWrap .TitleProt,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ProtectWrap .TitleProt {
	background: linear-gradient(180deg, rgba(46, 125, 50, 0.22) 0%, var(--devias-bg-panel-2) 100%) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ProtectWrap .guides > li,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ProtectWrap .guides > li {
	color: var(--devias-text) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .ProtectWrap .guides strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .ProtectWrap .guides strong {
	color: #a5d6a7 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame .errornew,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame .errornew {
	background: rgba(198, 40, 40, 0.18) !important;
	border-color: rgba(239, 83, 80, 0.45) !important;
	color: #ffcdd2 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame input.NotAccept,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame input.NotAccept {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text-muted) !important;
}

html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr:nth-child(even),
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr:nth-child(even),
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr:nth-child(even),
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.04) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody tr:hover,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody tr:hover {
	background: var(--devias-accent-soft) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td,
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td {
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#0066FF"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#0066FF"],
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#0066ff"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#0066ff"],
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="#0066FF"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="#0066FF"],
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="#0066ff"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="#0066ff"] {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="red"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="red"],
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="red"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="red"] {
	color: #ef9a9a !important;
}
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#DF7401"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TablePay tbody td font[color="#DF7401"],
html[data-devias-effective="dark"] .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="#DF7401"],
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .devias-module-page-frame table.TableCondition tbody td font[color="#DF7401"] {
	color: #ffcc80 !important;
}

html[data-devias-effective="dark"] .main-panel .main-container #Load_Content table.TablePay tr.odd td {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
}

/* skin-module-form — bảng Bootstrap chung (tbody không có thead như Đổi giới tính) */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .table > tbody > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .table > tbody > tr > td {
	background-color: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .table > tbody > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.change-class-devias .change-class-conditions .panel-heading,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.up-reset-day-devias .up-reset-day-conditions .panel-heading,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.up-reset-day-devias .up-reset-day-top-limits .panel-heading {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}

html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.change-class-devias .change-class-alert-guide,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.money-exchange-devias .money-ex-guide {
	background: rgba(255, 152, 0, 0.1) !important;
	border-color: rgba(255, 193, 7, 0.35) !important;
	color: #ffe0b2 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .change-class-alert-guide li strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .napthe-instructions li strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.money-exchange-devias .money-ex-guide li strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.money-exchange-devias .money-ex-guide p strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.up-reset-day-devias .up-reset-day-alert-guide li strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.up-reset-day-devias .up-reset-day-alert-locked li strong {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #ffecb3 !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}

html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .napthe-instructions {
	background: rgba(30, 38, 48, 0.95) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
	border-left-color: rgba(255, 193, 7, 0.45) !important;
}

/* Nạp thẻ / Mua Xu / Xem thẻ — bảng gói + VIP + tóm tắt */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .item-buy-packages > .panel-heading {
	background: var(--devias-bg-panel-2) !important;
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .item-buy-packages .item-buy-price-table {
	background: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .item-buy-packages .item-buy-price-table > tbody > tr > td {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .item-buy-packages .item-buy-price-table > tbody > tr:nth-child(even) > td {
	background: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .item-buy-packages .item-buy-price-table .item-buy-price-cell {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .item-buy-packages .item-buy-price-table .item-buy-inv-cell {
	color: #a5d6a7 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .table-pack-goi tbody tr:nth-child(odd),
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .table-pack-goi tbody tr:nth-child(odd) {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .table-pack-goi tbody tr:nth-child(even),
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .table-pack-goi tbody tr:nth-child(even) {
	background: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .table-pack-goi tbody td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .table-pack-goi tbody td {
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi {
	background: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi.table-bordered,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi.table-bordered {
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi.table-bordered > thead > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi.table-bordered > thead > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi.table-bordered > tbody > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi.table-bordered > tbody > tr > td {
	border: 1px solid rgba(148, 163, 184, 0.14) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi > thead > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .item-buy-packages .item-buy-price-table.table-pack-goi > thead > tr > th {
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
	color: var(--devias-text) !important;
	border-color: rgba(148, 163, 184, 0.16) !important;
}
/* unify: .napthe-atm-form .table-pack-goi tbody tr nền #fcfcfd — ghi đè trực tiếp lên td */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .table-pack-goi tbody tr:nth-child(odd) > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .table-pack-goi tbody tr:nth-child(odd) > td {
	background-color: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .table-pack-goi tbody tr:nth-child(even) > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .table-pack-goi tbody tr:nth-child(even) > td {
	background-color: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .table-pack-goi > thead > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form .table-pack-goi > thead > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form .table-responsive {
	background: var(--devias-bg-panel-2) !important;
	border-color: transparent !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .item-buy-packages.panel.panel-default {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .item-buy-packages .panel-body {
	background: transparent !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-vip-panel.panel.panel-default {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-vip-panel .panel-body {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #napthe-vip-wrap,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form #napthe-vip-wrap {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text);
	scrollbar-color: var(--devias-scroll-thumb) var(--devias-scroll-track);
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #imageQR,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form #imageQR {
	background: var(--devias-bg-panel-2) !important;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table .milestone-content {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table .milestone-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table .milestone-range,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table .milestone-desc {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table .point {
	border-color: var(--devias-bg-panel) !important;
	box-shadow: 0 0 0 1px var(--devias-border-strong) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-summary-grid {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-summary-grid .devias-summary-item label {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-summary-grid .devias-summary-value {
	color: var(--devias-accent) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-qr2-form .well.napthe-qr2-discreet,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-qr2-form #nq2-contentQR.well,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-qr2-form #nq2-contentQR.well.well-sm,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-qr2-form #nq2-contentQR {
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
	filter: none !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-qr2-form #nq2-contentQR p,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-qr2-form #nq2-contentQR p {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-qr2-form #nq2-contentQR strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-qr2-form #nq2-contentQR strong {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-qr2-form #nq2-contentQR .text-primary,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-qr2-form #nq2-contentQR .text-primary {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-qr2-form #nq2-imageQR,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-qr2-form #nq2-imageQR {
	background: var(--devias-bg-panel-2) !important;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
}

html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .napthe-pack-label:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: var(--devias-border-strong) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .btn.btn-devias-wood {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .btn.btn-devias-wood:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .btn.btn-devias-wood:focus {
	background: #2a3442 !important;
	border-color: var(--devias-accent) !important;
	color: var(--devias-gold) !important;
}

/* Kiểm tra nhân vật — khung “gần đây” + panel kết quả */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .check-character-devias .check-char-recent-wrap {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .check-character-devias .check-char-recent-title {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .check-character-devias .check-char-checkresult-panel .char-info-panel-body {
	background: var(--devias-bg-panel-2) !important;
	box-shadow: none !important;
}

/* WingMix — lưới chọn đồ */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.wingmix-devias .wingmix-panel .panel-heading {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-alert-guide {
	background: rgba(30, 58, 95, 0.35) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-embed-host {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-inv-host {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-table {
	background: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-table tbody td.wingmix-slot-cell {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-empty {
	color: var(--devias-text-muted) !important;
}
/* Giống DDCT: nền ô icon — unify .wingmix-pick-imgwrap { background:#fff } */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-imgwrap {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-imgwrap img {
	background: transparent !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-inv-actions-row {
	border-top-color: var(--devias-border) !important;
}

/* Đổi đồ chủng tộc (DDCT) */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-inv-host {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-pick-table tbody td.ddct-slot-cell {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-pick-btn {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-pick-imgwrap {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-pick-empty {
	color: var(--devias-text-muted) !important;
	font-size: 11px;
}

/* AlphaTest ép đồ — cùng pattern bảng chọn */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-pick-table-wrap {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-pick-table tbody td.alpha-ep-slot-cell {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-pick-btn {
	color: var(--devias-text) !important;
}

/* Menu tile con trong ModuleManage (danh sách trang con) */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ModuleManage .menulist {
	background: linear-gradient(180deg, var(--devias-bg-panel-2) 0%, var(--devias-bg-card) 100%) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ModuleManage .menulist:hover {
	background: linear-gradient(180deg, #2a3442 0%, var(--devias-bg-card) 100%) !important;
	border-color: var(--devias-border-strong) !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ModuleManage .button p {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ModuleManage .button p span {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .ModuleManage h3.TitleModule {
	color: var(--devias-text) !important;
	border-bottom-color: var(--devias-border) !important;
}

html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.wingmix-devias .main-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.wingmix-devias .main-title .fa {
	color: #ffb74d !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .img_bor {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #imageQR img,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-qr2-form #nq2-imageQR img {
	/* Quiet zone chuẩn QR — chỉ khung ngoài (#imageQR) tối */
	background: #fff !important;
	border-color: var(--devias-border) !important;
}

/* WingMix — modal kết quả (nền sáng mặc định) */
html[data-devias-effective="dark"] .wingmix-result-modal__dialog {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .wingmix-result-modal__title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .wingmix-result-modal__body {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .wingmix-result-modal--success .wingmix-result-modal__dialog {
	background: rgba(27, 94, 32, 0.25) !important;
	border-color: rgba(129, 199, 132, 0.45) !important;
}
html[data-devias-effective="dark"] .wingmix-result-modal--danger .wingmix-result-modal__dialog {
	background: rgba(183, 28, 28, 0.22) !important;
	border-color: rgba(239, 83, 80, 0.45) !important;
}
html[data-devias-effective="dark"] .wingmix-result-modal--warning .wingmix-result-modal__dialog {
	background: rgba(183, 104, 0, 0.22) !important;
	border-color: rgba(255, 183, 77, 0.45) !important;
}
html[data-devias-effective="dark"] .wingmix-result-modal--info .wingmix-result-modal__dialog {
	background: rgba(13, 71, 161, 0.22) !important;
	border-color: rgba(100, 181, 246, 0.45) !important;
}

/* Cảnh báo dạng text tối (train / quest / …) — đọc được trên nền tối */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.train-title-devias .train-title-alert-guide,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.quest-daily-devias .quest-daily-alert-guide,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.check-character-devias .check-character-alert-guide,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.uplevel-day-devias .uplevel-day-alert-guide,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-ex-master-devias .item-ex-master-alert-guide,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-ex-pc-point-devias .item-ex-pc-point-alert-guide,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.danh-hieu-devias .danh-hieu-alert-guide,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.reset-master-point-devias .reset-master-point-alert-guide,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.train-level-master-devias .train-level-master-alert-guide {
	color: #ffe0b2 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.uplevel-day-devias .uplevel-day-alert-locked {
	color: #ffcdd2 !important;
}

/* ========== Bảng xếp hạng / Event Top (devias-ranking-table-wrap) — viền, zebra, hover, pill ========== */
/* Nền bảng opaque — tránh stripe rgba trắng + nền panel / BS tạo vệt gần trắng */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table {
	background-color: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .alert.alert-info.small {
	border-color: rgba(100, 181, 246, 0.28) !important;
}
/* style.css: border-color #fff — dùng shorthand border để ghi đè toàn bộ cạnh */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-bordered {
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-bordered > thead > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-bordered > tbody > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-bordered > tbody > tr > th {
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table > thead > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table > tbody > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table > tbody > tr > th {
	color: var(--devias-text) !important;
}
/* Zebra trên từng ô — opaque (không dùng rgba trắng); nth-child + nth-of-type để khớp Bootstrap 3 */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-striped > tbody > tr:nth-of-type(odd) > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-striped > tbody > tr:nth-child(odd) > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-striped > tbody > tr:nth-of-type(even) > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-striped > tbody > tr:nth-child(even) > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-striped > tbody > tr:nth-child(even) > th {
	background-color: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table:not(.table-striped) > tbody > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table:not(.table-striped) > tbody > tr > th {
	background-color: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-hover > tbody > tr:hover {
	background-color: transparent !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-hover > tbody > tr:hover > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-hover > tbody > tr:hover > th {
	background-color: rgba(66, 165, 245, 0.18) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap > .table.table-hover > tbody > tr:hover > td strong {
	color: #ffffff !important;
}
/* Bôi đen chọn chữ trong bảng — tránh nền trắng mặc định OS trên cột Chủng tộc */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap td::-moz-selection,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap th::-moz-selection {
	background: rgba(100, 181, 246, 0.35) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap td::selection,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-table-wrap th::selection {
	background: rgba(100, 181, 246, 0.35) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-classname ::-moz-selection,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill ::-moz-selection {
	background: rgba(100, 181, 246, 0.45) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-classname ::selection,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill ::selection {
	background: rgba(100, 181, 246, 0.45) !important;
	color: var(--devias-text) !important;
}

/* STT — huy chương Top 1–3 */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-rank-medal {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-rank-medal--1 {
	background: linear-gradient(180deg, rgba(255, 213, 79, 0.32) 0%, rgba(146, 99, 8, 0.42) 100%) !important;
	border-color: rgba(255, 213, 79, 0.55) !important;
	color: #fff8e1 !important;
	text-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-rank-medal--2 {
	background: linear-gradient(180deg, rgba(207, 216, 220, 0.35) 0%, rgba(55, 71, 79, 0.55) 100%) !important;
	border-color: rgba(176, 190, 197, 0.5) !important;
	color: #eceff1 !important;
	text-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-rank-medal--3 {
	background: linear-gradient(180deg, rgba(255, 171, 145, 0.28) 0%, rgba(109, 76, 65, 0.5) 100%) !important;
	border-color: rgba(255, 171, 145, 0.45) !important;
	color: #ffccbc !important;
	text-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-rank-num {
	color: var(--devias-text) !important;
}

/* Chủng tộc — pill (unify nền gần trắng) */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill {
	background: rgba(30, 38, 48, 0.95) !important;
	border-color: var(--devias-border-strong) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--DW {
	background: rgba(106, 89, 181, 0.28) !important;
	border-color: rgba(159, 132, 255, 0.45) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--DK {
	background: rgba(191, 85, 43, 0.28) !important;
	border-color: rgba(255, 171, 145, 0.45) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--ELF {
	background: rgba(210, 90, 145, 0.26) !important;
	border-color: rgba(248, 187, 208, 0.45) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--MG {
	background: rgba(199, 43, 40, 0.28) !important;
	border-color: rgba(239, 154, 154, 0.45) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--DL {
	background: rgba(96, 125, 139, 0.32) !important;
	border-color: rgba(144, 202, 249, 0.4) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--SM {
	background: rgba(191, 168, 84, 0.28) !important;
	border-color: rgba(255, 236, 179, 0.45) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--RF {
	background: rgba(177, 136, 82, 0.28) !important;
	border-color: rgba(255, 204, 128, 0.45) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--UNK {
	background: rgba(148, 163, 184, 0.2) !important;
	border-color: var(--devias-border) !important;
	box-shadow: none !important;
}
/* Chữ trong pill: một số màu <font> tối trên nền tối — nâng độ sáng */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--DL font,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-class-pill--UNK font {
	color: #eceff1 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-classname .text-muted {
	color: #b0bec5 !important;
}

html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-ranking-gmaster {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-guild-mark-img {
	border-color: var(--devias-border) !important;
	background: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .devias-guild-logo-placeholder {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text-muted) !important;
}

/* Nút chọn chủng tộc (ảnh icon) — viền nút không còn sáng */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .form-block .btn-group .btn-default,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .btn-group-wrap .btn-default {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .form-block .btn-group .btn-default:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .form-block .btn-group .btn-default:focus,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .btn-group-wrap .btn-default:hover,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .btn-group-wrap .btn-default:focus {
	border-color: var(--devias-accent) !important;
	background: #2a3442 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .form-block .btn-group .btn-default img,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form .btn-group-wrap .btn-default img {
	border-radius: 6px;
	box-shadow: 0 0 0 1px var(--devias-border);
}

/* =============================================================================
   Dark — Nạp ATM / VIP / AlphaTest ép đồ / DDCT / WingMix / Shop1Day / Học Giả / Lô đề
   (ghi đè unify + !important; nhiều block dùng #fff hoặc #e0e0e0)
   ============================================================================= */

/* --- Nạp ATM: khối thông tin CK (#contentQR .well), chữ <p>, track VIP --- */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #contentQR.well,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #contentQR.well.well-sm,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form #contentQR {
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
	filter: none !important;
	border-color: var(--devias-border-strong) !important;
	color: var(--devias-text) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #contentQR.napthe-content-qr {
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #contentQR p,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form #contentQR p {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #contentQR strong,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form #contentQR strong {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #contentQR span,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form #contentQR span {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.item-buy-devias .napthe-atm-form #contentQR .text-primary,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .napthe-atm-form #contentQR .text-primary {
	color: #90caf9 !important;
}
/* lineprogress: reset/gradient do JS (naptheVipLineResetBackground); không !important trên .lineprogress */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table {
	background: var(--devias-bg-panel-2) !important;
	--color-default: rgba(120, 135, 155, 0.42);
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table td {
	background: transparent !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table .point {
	background-color: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border-strong) !important;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table .point.filled {
	background-color: #2e7d32 !important;
	border-color: #1b5e20 !important;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content #timeline.vip-timeline-table .point.nextfilled {
	background-color: #66bb6a !important;
}

/* --- WingMix: thead + viền ô + chữ nút chọn (unify nền #fff / header gradient) --- */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-table {
	background: var(--devias-bg-panel-2) !important;
	border: 1px solid var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-table thead th.wingmix-pick-th {
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
	text-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-table tbody td.wingmix-slot-cell {
	background: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-btn {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .wingmix-devias .wingmix-pick-btn:focus-visible {
	box-shadow: 0 0 0 2px var(--devias-bg-page), 0 0 0 4px rgba(100, 181, 246, 0.65) !important;
}

/* --- Đổi đồ chủng tộc: ghi đè <style> inline trong template + unify --- */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-preview-col {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-preview-col h4 {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-preview-thumb {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-preview-src-inner,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-preview-dst-inner {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-actions {
	border-top-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-inv-host {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-panel .panel-heading {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-pick-table thead th.ddct-pick-th {
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-pick-table tbody td.ddct-slot-cell {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-pick-btn {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-pick-imgwrap {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-pick-btn:focus-visible {
	box-shadow: 0 0 0 2px var(--devias-bg-page), 0 0 0 4px rgba(100, 181, 246, 0.65) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-recent {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-recent .ddct-recent-line {
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-phase-banner:not(:empty) {
	background: rgba(30, 58, 95, 0.45) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
	color: #e3f2fd !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-preview-box {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias .ddct-inv-actions-row {
	border-top-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.ddct-devias hr {
	border-top-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .ddct-result-modal__dialog {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .ddct-result-modal__title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .ddct-result-modal__body {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .ddct-result-modal--success .ddct-result-modal__dialog {
	background: rgba(27, 94, 32, 0.28) !important;
	border-color: rgba(129, 199, 132, 0.45) !important;
}
html[data-devias-effective="dark"] .ddct-result-modal--danger .ddct-result-modal__dialog {
	background: rgba(183, 28, 28, 0.22) !important;
	border-color: rgba(239, 83, 80, 0.45) !important;
}
html[data-devias-effective="dark"] .ddct-result-modal--warning .ddct-result-modal__dialog {
	background: rgba(183, 104, 0, 0.22) !important;
	border-color: rgba(255, 183, 77, 0.45) !important;
}
html[data-devias-effective="dark"] .ddct-result-modal--info .ddct-result-modal__dialog {
	background: rgba(13, 71, 161, 0.22) !important;
	border-color: rgba(100, 181, 246, 0.45) !important;
}

/* --- AlphaTest ép đồ: panel + bảng xếp hạng (unify dùng #fff !important) --- */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-panel {
	background: var(--devias-bg-card) !important;
	border: 1px solid var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table thead tr {
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table thead th {
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table tbody tr,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table tbody tr:nth-child(odd),
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table tbody tr:nth-child(2n+1) {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table tbody tr:nth-child(even) {
	background: var(--devias-bg-panel-2) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table tbody tr:hover {
	background: rgba(66, 165, 245, 0.15) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table tbody td {
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-tip.check-char-item-slot,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-rank-table tbody td span[title] {
	color: #cfd8dc !important;
	border-bottom-color: var(--devias-border-strong) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.alpha-ep-devias .alpha-ep-pick-table thead th.alpha-ep-pick-th {
	background: var(--devias-bg-panel-2) !important;
	background-image: none !important;
	color: var(--devias-text) !important;
	border-color: var(--devias-border) !important;
}

/* --- Event: Học Giả Lục Địa (ô chữ, panel, progress) --- */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias .muonline-panel {
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias .muonline-panel-heading {
	background: var(--devias-bg-panel-2) !important;
	border-bottom-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias .muonline-panel-heading .muonline-rank-sub {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias .muonline-panel-body {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias .muonline-letter-title {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias .muonline-letter-box {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias .muonline-letter-char {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias #muonline-phase.alpha-ep-phase-banner {
	background: rgba(30, 58, 95, 0.45) !important;
	border-color: rgba(100, 181, 246, 0.35) !important;
	color: #e3f2fd !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias .devias-ranking-table-wrap > .table,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.muonline-hocgia-devias .devias-ranking-table-wrap > .table.table-bordered {
	border-color: var(--devias-border) !important;
}

/* --- Shop 1 ngày: hướng dẫn, tab phụ, thẻ sản phẩm, progress bar --- */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-guide {
	background: rgba(30, 58, 95, 0.35) !important;
	border-color: rgba(100, 181, 246, 0.32) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-guide__title {
	color: #90caf9 !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-guide li {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-guide code {
	background: rgba(0, 0, 0, 0.25) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-gold) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-tabs a:not(.shop1day-tabs__active) {
	background: var(--devias-bg-panel-2) !important;
	border-color: var(--devias-border) !important;
	color: var(--devias-text) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-card {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
	box-shadow: var(--devias-shadow) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-card__ribbon {
	color: var(--devias-text) !important;
	background: linear-gradient(90deg, rgba(245, 158, 11, 0.35), rgba(251, 191, 36, 0.45)) !important;
	border-color: rgba(245, 158, 11, 0.35) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-card__media {
	background: var(--devias-bg-panel-2) !important;
	border-bottom-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-card__media img {
	background: var(--devias-bg-card) !important;
	border-color: var(--devias-border) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-card__title,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-card__title .shop1day-name-plain {
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-card__price {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-card__stock {
	color: var(--devias-text-muted) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.shop1day-devias .shop1day-card__bar {
	background: rgba(0, 0, 0, 0.35) !important;
	border-color: var(--devias-border) !important;
}

/* --- Giải trí: Kết quả & lịch sử lô đề — hết viền #fff (style.css .table-bordered) + panel BS --- */
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .lode-ketqua-alert-guide {
	border-color: rgba(251, 201, 114, 0.45) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .panel.panel-default {
	background: var(--devias-bg-card) !important;
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .panel-default > .panel-heading {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
	border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .panel-default > .panel-body {
	background: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-responsive {
	background: var(--devias-bg-panel-2) !important;
	border: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table.table-bordered {
	border: 1px solid rgba(148, 163, 184, 0.14) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > thead > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > thead > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > tbody > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > tbody > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > tfoot > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > tfoot > tr > th {
	border: 1px solid rgba(148, 163, 184, 0.12) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table > thead > tr > th {
	background: var(--devias-bg-panel-2) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table > tbody > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table > tbody > tr > th {
	background: var(--devias-bg-card) !important;
	color: var(--devias-text) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-striped > tbody > tr:nth-child(odd) > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: var(--devias-bg-card) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-striped > tbody > tr:nth-child(even) > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-striped > tbody > tr:nth-child(even) > th {
	background-color: var(--devias-bg-panel-2) !important;
}

/* Lô đề: thêm lớp dự phòng — viền sáng còn sót (chuỗi #Load_Content / halo box-shadow / #fff .table-bordered) */
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias.panel.widget.light-widget,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content > .skin-module-form.lode-ket-qua-devias.panel.widget.light-widget {
	background: var(--devias-bg-card) !important;
	border: 1px solid rgba(51, 65, 85, 0.55) !important;
	box-shadow: none !important;
	outline: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .panel.panel-default,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .panel.panel-default {
	border: 1px solid rgba(51, 65, 85, 0.55) !important;
	box-shadow: none !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .panel-default > .panel-heading,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .panel-default > .panel-heading {
	border-bottom: 1px solid rgba(51, 65, 85, 0.5) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .table.table-bordered,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table.table-bordered {
	background-color: var(--devias-bg-card) !important;
	border: 1px solid rgba(51, 65, 85, 0.45) !important;
	border-collapse: collapse !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .table-bordered > thead > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .table-bordered > thead > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .table-bordered > tbody > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .table-bordered > tbody > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .table-bordered > tfoot > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .table-bordered > tfoot > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > thead > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > thead > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > tbody > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > tbody > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > tfoot > tr > td,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table-bordered > tfoot > tr > th {
	border: 1px solid rgba(51, 65, 85, 0.5) !important;
}
html[data-devias-effective="dark"] .main-panel .main-container .skin-module-form.lode-ket-qua-devias .table > thead > tr > th,
html[data-devias-effective="dark"] .main-panel .main-container #Load_Content .skin-module-form.lode-ket-qua-devias .table > thead > tr > th {
	border-bottom-color: rgba(51, 65, 85, 0.65) !important;
}