:root{
    --cp-bg:#f6f8fb;
    --cp-card:#ffffff;
    --cp-text:#1e293b;
    --cp-muted:#64748b;
    --cp-border:#e6eaf2;
    --cp-primary:#206bc4;
    --cp-input:#ffffff;
}

html[data-theme="dark"]{
    --cp-bg:#0f172a;
    --cp-card:#111827;
    --cp-text:#e5e7eb;
    --cp-muted:#94a3b8;
    --cp-border:#334155;
    --cp-primary:#3b82f6;
    --cp-input:#1e293b;
}

html,
body{
    background:var(--cp-bg)!important;
    color:var(--cp-text)!important;
}

/* AdminLTE wrapper */
.content-wrapper,
.wrapper,
.page-wrapper,
.container-fluid{
    background:var(--cp-bg)!important;
}

/* Card / box / modal */
.card,
.box,
.small-box,
.info-box,
.modal-content,
.dropdown-menu,
.cp-card,
.cp-footer-card{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

/* Text */
h1,h2,h3,h4,h5,h6,
.card-title,
.form-label,
label,
p,
td,
th,
span{
    color:inherit;
}

.text-muted,
.cp-muted,
.card-subtitle,
small{
    color:var(--cp-muted)!important;
}

/* Table */
.table,
.table td,
.table th{
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

.table-striped tbody tr:nth-of-type(odd){
    background:rgba(148,163,184,.08)!important;
}

.table-hover tbody tr:hover{
    background:rgba(32,107,196,.08)!important;
}

/* Form */
.form-control,
.form-select,
.custom-select,
input,
textarea,
select{
    background:var(--cp-input)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus{
    border-color:var(--cp-primary)!important;
    box-shadow:0 0 0 .2rem rgba(32,107,196,.15)!important;
}

/* Navbar */
.main-header,
.navbar,
.cp-navbar{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-bottom:1px solid var(--cp-border)!important;
}

.navbar .nav-link,
.main-header .nav-link{
    color:var(--cp-text)!important;
}

/* Sidebar */
.cp-sidebar,
.main-sidebar{
    background:var(--cp-card)!important;
    border-right:1px solid var(--cp-border)!important;
}

.cp-brand,
.brand-link{
    background:var(--cp-card)!important;
    border-bottom:1px solid var(--cp-border)!important;
}

.nav-sidebar .nav-link{
    color:var(--cp-muted)!important;
}

.nav-sidebar .nav-link:hover{
    background:rgba(32,107,196,.10)!important;
    color:var(--cp-text)!important;
}

.nav-sidebar .nav-link.active{
    background:var(--cp-primary)!important;
    color:#fff!important;
}

.nav-sidebar .nav-link.active .nav-icon{
    color:#fff!important;
}

/* Footer */
.cp-footer,
.main-footer,
.footer{
    background:var(--cp-bg)!important;
    color:var(--cp-muted)!important;
    border-top:1px solid var(--cp-border)!important;
}

/* Alert */
.alert{
    border-color:var(--cp-border)!important;
}

/* Pagination */
.page-link{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

.page-item.active .page-link{
    background:var(--cp-primary)!important;
    border-color:var(--cp-primary)!important;
    color:#fff!important;
}

/* Button theme */
.cp-theme-toggle{
    width:38px;
    height:38px;
    border-radius:12px;
    border:1px solid var(--cp-border);
    background:var(--cp-card);
    color:var(--cp-text);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.cp-theme-toggle:hover{
    background:rgba(32,107,196,.10);
    color:var(--cp-primary);
}

html[data-theme="dark"] .cp-filter-card,
html[data-theme="dark"] .cp-table-wrap,
html[data-theme="dark"] .cp-mobile-card,
html[data-theme="dark"] .log-content,
html[data-theme="dark"] .cp-mobile-result{
    background:#111827!important;
    border-color:#334155!important;
    color:#e5e7eb!important;
}

html[data-theme="dark"] .cp-history-table th{
    background:#1e293b!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-history-table td{
    background:#111827!important;
    color:#e5e7eb!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-tabs .nav-link{
    background:#1e293b!important;
    color:#cbd5e1!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-tabs .nav-link.active{
    background:#206bc4!important;
    color:#fff!important;
    border-color:#206bc4!important;
}

html[data-theme="dark"] .cp-filter-card label,
html[data-theme="dark"] .cp-mobile-main,
html[data-theme="dark"] .cp-mobile-value{
    color:#f8fafc!important;
}

html[data-theme="dark"] .cp-mobile-label,
html[data-theme="dark"] .cp-mobile-date,
html[data-theme="dark"] .dataTables_wrapper .dataTables_info{
    color:#94a3b8!important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button{
    background:#1e293b!important;
    color:#e5e7eb!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background:#206bc4!important;
    color:#fff!important;
    border-color:#206bc4!important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:#334155!important;
    color:#fff!important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] select,
html[data-theme="dark"] input{
    background:#1e293b!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .form-control::placeholder{
    color:#94a3b8!important;
}
/* ===============================
   CHECKPHONE GLOBAL LIGHT / DARK
   FIX ALL PAGES
================================ */

:root{
    --cp-bg:#f6f8fb;
    --cp-card:#ffffff;
    --cp-card-2:#f8fafc;
    --cp-text:#0f172a;
    --cp-text-2:#334155;
    --cp-muted:#64748b;
    --cp-border:#e5e7eb;
    --cp-input:#ffffff;
    --cp-primary:#206bc4;
    --cp-blue:#0d6efd;
}

html[data-theme="dark"]{
    --cp-bg:#0f172a;
    --cp-card:#111827;
    --cp-card-2:#1e293b;
    --cp-text:#f8fafc;
    --cp-text-2:#e5e7eb;
    --cp-muted:#94a3b8;
    --cp-border:#334155;
    --cp-input:#1e293b;
    --cp-primary:#2d7bd8;
    --cp-blue:#0d8bff;
}

/* Body */
html,
body,
.wrapper,
.content-wrapper,
main,
#app{
    background:var(--cp-bg)!important;
    color:var(--cp-text)!important;
}

/* Header / Navbar */
.main-header,
.navbar,
.cp-navbar,
.cp-topbar{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

.navbar a,
.main-header a,
.cp-topbar a{
    color:var(--cp-text)!important;
}

/* Sidebar */
.main-sidebar,
.cp-sidebar{
    background:var(--cp-card)!important;
    border-color:var(--cp-border)!important;
}

.brand-link,
.cp-brand{
    background:var(--cp-card)!important;
    border-color:var(--cp-border)!important;
}

.cp-brand-title,
.brand-text,
.cp-brand .brand-text{
    color:var(--cp-text)!important;
}

.cp-brand-sub{
    color:var(--cp-muted)!important;
}

.nav-sidebar .nav-link{
    color:var(--cp-text-2)!important;
}

.nav-sidebar .nav-link:hover{
    background:rgba(32,107,196,.12)!important;
    color:var(--cp-text)!important;
}

.nav-sidebar .nav-link.active{
    background:var(--cp-primary)!important;
    color:#fff!important;
}

.nav-sidebar .nav-link.active i,
.nav-sidebar .nav-link.active p{
    color:#fff!important;
}

.nav-header{
    color:var(--cp-muted)!important;
}

/* Cards */
.card,
.cp-card,
.cp-footer-card,
.cp-filter-card,
.cp-table-wrap,
.cp-mobile-card,
.cp-box,
.info-box,
.small-box,
.modal-content,
.dropdown-menu{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

/* Card header trắng bị lỗi */
.card-header,
.cp-section-header,
.cp-panel-header,
.cp-page-header,
.cp-title-card,
.cp-statement-header,
.cp-account-header{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

/* Text */
h1,h2,h3,h4,h5,h6,
p,label,span,div,
.card-title,
.cp-footer-title,
.cp-footer-heading,
.cp-mobile-main,
.cp-mobile-value{
    color:inherit;
}

.text-muted,
small,
.cp-muted,
.cp-brand-sub,
.cp-mobile-label,
.cp-mobile-date,
.form-text{
    color:var(--cp-muted)!important;
}

/* Form */
.form-control,
.form-select,
.custom-select,
input,
textarea,
select{
    background:var(--cp-input)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder{
    color:var(--cp-muted)!important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus{
    background:var(--cp-input)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-primary)!important;
    box-shadow:0 0 0 .2rem rgba(32,107,196,.18)!important;
}

/* Input group */
.input-group-text,
.cp-input-icon,
.cp-money-addon{
    background:var(--cp-card-2)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

/* Table */
.table,
.table td,
.table th,
.cp-history-table,
.cp-history-table td,
.cp-history-table th{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

.table thead th,
.cp-history-table thead th{
    background:var(--cp-card-2)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

.table tbody tr,
.cp-history-table tbody tr{
    background:var(--cp-card)!important;
}

.table-hover tbody tr:hover td{
    background:rgba(32,107,196,.12)!important;
}

/* Log result */
.log-content,
.cp-mobile-result,
.cp-result-box,
.cp-result-card{
    background:var(--cp-card-2)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

/* Tabs */
.cp-tabs .nav-link,
.nav-pills .nav-link{
    background:var(--cp-card-2)!important;
    color:var(--cp-text-2)!important;
    border-color:var(--cp-border)!important;
}

.cp-tabs .nav-link.active,
.nav-pills .nav-link.active{
    background:var(--cp-primary)!important;
    color:#fff!important;
    border-color:var(--cp-primary)!important;
}

/* DataTables */
.dataTables_wrapper,
.dataTables_info,
.dataTables_length,
.dataTables_filter{
    color:var(--cp-text)!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    background:var(--cp-card-2)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background:var(--cp-primary)!important;
    color:#fff!important;
    border-color:var(--cp-primary)!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:rgba(32,107,196,.18)!important;
    color:var(--cp-text)!important;
}

/* Statement page */
.cp-statement-card,
.cp-stat-card,
.cp-summary-card,
.cp-search-panel{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

.cp-statement-card .card-header,
.cp-statement-title{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
}

/* Contact page */
.cp-contact-card,
.cp-contact-box,
.cp-support-card,
.cp-telegram-card{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

/* Account / 2FA */
.cp-account-card,
.cp-security-card,
.cp-2fa-card{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

/* Footer */
.cp-footer,
.main-footer,
footer{
    background:var(--cp-bg)!important;
    color:var(--cp-muted)!important;
    border-color:var(--cp-border)!important;
}

.cp-footer a{
    color:var(--cp-text-2)!important;
}

/* Login page */
.cp-auth-page,
.cp-login-page,
.login-page,
.register-page{
    background:var(--cp-bg)!important;
    color:var(--cp-text)!important;
}

.cp-auth-card,
.cp-login-card,
.login-box,
.register-box{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border-color:var(--cp-border)!important;
}

/* Fix white blocks trong dark mode */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light{
    background:#111827!important;
    color:#f8fafc!important;
}

html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-black{
    color:#f8fafc!important;
}

html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-left,
html[data-theme="dark"] .border-right{
    border-color:#334155!important;
}

/* Theme button */
.cp-theme-toggle{
    width:42px;
    height:42px;
    border-radius:14px;
    border:1px solid var(--cp-border);
    background:var(--cp-card);
    color:var(--cp-text);
    display:flex;
    align-items:center;
    justify-content:center;
}

.cp-theme-toggle:hover{
    background:rgba(32,107,196,.15);
    color:var(--cp-primary);
}