html[data-theme="dark"] body,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .container-fluid,
html[data-theme="dark"] .content{
    background:#0f172a!important;
    color:#f8fafc!important;
}

html[data-theme="light"] body,
html[data-theme="light"] .wrapper,
html[data-theme="light"] .content-wrapper,
html[data-theme="light"] .container-fluid,
html[data-theme="light"] .content{
    background:#f6f8fb!important;
    color:#0f172a!important;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .card-body,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .cp-card,
html[data-theme="dark"] .cp-stat-card,
html[data-theme="dark"] .cp-history-card,
html[data-theme="dark"] .cp-check-card,
html[data-theme="dark"] .cp-topup-card,
html[data-theme="dark"] .cp-account-card,
html[data-theme="dark"] .cp-security-card,
html[data-theme="dark"] .cp-2fa-box,
html[data-theme="dark"] .cp-statement-card,
html[data-theme="dark"] .cp-filter-card,
html[data-theme="dark"] .cp-table-wrap,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .contact-box,
html[data-theme="dark"] .chatid-box,
html[data-theme="dark"] .cp-footer-card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="light"] .card,
html[data-theme="light"] .card-body,
html[data-theme="light"] .card-header,
html[data-theme="light"] .cp-card,
html[data-theme="light"] .cp-stat-card,
html[data-theme="light"] .cp-history-card,
html[data-theme="light"] .cp-check-card,
html[data-theme="light"] .cp-topup-card,
html[data-theme="light"] .cp-account-card,
html[data-theme="light"] .cp-security-card,
html[data-theme="light"] .cp-2fa-box,
html[data-theme="light"] .cp-statement-card,
html[data-theme="light"] .cp-filter-card,
html[data-theme="light"] .cp-table-wrap,
html[data-theme="light"] .contact-card,
html[data-theme="light"] .contact-box,
html[data-theme="light"] .chatid-box,
html[data-theme="light"] .cp-footer-card,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .dropdown-menu{
    background:#ffffff!important;
    color:#0f172a!important;
    border-color:#e5e7eb!important;
}

html[data-theme="dark"] .main-header,
html[data-theme="dark"] .cp-navbar,
html[data-theme="dark"] .main-sidebar,
html[data-theme="dark"] .cp-sidebar,
html[data-theme="dark"] .brand-link,
html[data-theme="dark"] .cp-brand{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="light"] .main-header,
html[data-theme="light"] .cp-navbar,
html[data-theme="light"] .main-sidebar,
html[data-theme="light"] .cp-sidebar,
html[data-theme="light"] .brand-link,
html[data-theme="light"] .cp-brand{
    background:#ffffff!important;
    color:#0f172a!important;
    border-color:#e5e7eb!important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] p,
html[data-theme="dark"] label,
html[data-theme="dark"] td,
html[data-theme="dark"] th,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .cp-card-title,
html[data-theme="dark"] .cp-title-text,
html[data-theme="dark"] .cp-bank-value,
html[data-theme="dark"] .contact-info h5{
    color:#f8fafc!important;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] p,
html[data-theme="light"] label,
html[data-theme="light"] td,
html[data-theme="light"] th,
html[data-theme="light"] .card-title,
html[data-theme="light"] .cp-card-title,
html[data-theme="light"] .cp-title-text,
html[data-theme="light"] .cp-bank-value,
html[data-theme="light"] .contact-info h5{
    color:#0f172a!important;
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] small,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] .cp-help-text,
html[data-theme="dark"] .cp-card-subtitle,
html[data-theme="dark"] .cp-title-sub,
html[data-theme="dark"] .cp-brand-sub{
    color:#94a3b8!important;
}

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

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select,
html[data-theme="light"] .custom-select,
html[data-theme="light"] .cp-input{
    background:#ffffff!important;
    color:#0f172a!important;
    border-color:#dbe3ef!important;
}

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

html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .cp-history-table thead th,
html[data-theme="dark"] .cp-statement-table thead th{
    background:#1e293b!important;
}

html[data-theme="light"] .table,
html[data-theme="light"] .table td,
html[data-theme="light"] .table th,
html[data-theme="light"] .cp-table td,
html[data-theme="light"] .cp-table th,
html[data-theme="light"] .cp-history-table td,
html[data-theme="light"] .cp-history-table th,
html[data-theme="light"] .cp-statement-table td,
html[data-theme="light"] .cp-statement-table th{
    background:#ffffff!important;
    color:#0f172a!important;
    border-color:#e5e7eb!important;
}

html[data-theme="dark"] .log-content,
html[data-theme="dark"] .cp-mobile-result,
html[data-theme="dark"] .cp-result-card,
html[data-theme="dark"] .cp-result-cell,
html[data-theme="dark"] .cp-bank-card,
html[data-theme="dark"] .cp-transfer-box,
html[data-theme="dark"] .cp-qr-box{
    background:#0f172a!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="light"] .log-content,
html[data-theme="light"] .cp-mobile-result,
html[data-theme="light"] .cp-result-card,
html[data-theme="light"] .cp-result-cell,
html[data-theme="light"] .cp-bank-card,
html[data-theme="light"] .cp-transfer-box,
html[data-theme="light"] .cp-qr-box{
    background:#f8fafc!important;
    color:#0f172a!important;
    border-color:#e5e7eb!important;
}

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

html[data-theme="light"] .bg-white,
html[data-theme="light"] .bg-light{
    background:#ffffff!important;
    color:#0f172a!important;
}

/* Fix log kết quả trong lịch sử giao dịch */
html[data-theme="dark"] .log-wrap,
html[data-theme="dark"] .log-content,
html[data-theme="dark"] .log-content *,
html[data-theme="dark"] .cp-history-table .log-content,
html[data-theme="dark"] .cp-history-table .log-content *{
    background:#0f172a!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .log-content table,
html[data-theme="dark"] .log-content tr,
html[data-theme="dark"] .log-content td,
html[data-theme="dark"] .log-content th{
    background:#0f172a!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .log-content .text-success,
html[data-theme="dark"] .log-content [style*="green"],
html[data-theme="dark"] .log-content [style*="#00"]{
    color:#22c55e!important;
}

html[data-theme="dark"] .log-content [style*="red"],
html[data-theme="dark"] .log-content .text-danger{
    color:#ef4444!important;
}
/* FIX modal chọn dịch vụ */
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-dialog,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .service-modal,
html[data-theme="dark"] .service-list,
html[data-theme="dark"] .service-item,
html[data-theme="dark"] .service-row,
html[data-theme="dark"] .service-category,
html[data-theme="dark"] .service-group,
html[data-theme="dark"] .cp-service-modal,
html[data-theme="dark"] .cp-service-list,
html[data-theme="dark"] .cp-service-item,
html[data-theme="dark"] .cp-service-row,
html[data-theme="dark"] .cp-service-group{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .modal-header{
    background:#206bc4!important;
    color:#fff!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .modal-header h1,
html[data-theme="dark"] .modal-header h2,
html[data-theme="dark"] .modal-header h3,
html[data-theme="dark"] .modal-header h4,
html[data-theme="dark"] .modal-header h5,
html[data-theme="dark"] .modal-title{
    color:#fff!important;
}

html[data-theme="dark"] .modal-header .close,
html[data-theme="dark"] .modal-header button.close{
    color:#fff!important;
    opacity:.85!important;
}

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

html[data-theme="dark"] .modal input::placeholder{
    color:#94a3b8!important;
}

html[data-theme="dark"] .modal .list-group-item,
html[data-theme="dark"] .modal .dropdown-item,
html[data-theme="dark"] .modal li,
html[data-theme="dark"] .modal tr,
html[data-theme="dark"] .modal td,
html[data-theme="dark"] .modal th{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .modal .list-group-item:hover,
html[data-theme="dark"] .modal .dropdown-item:hover,
html[data-theme="dark"] .modal li:hover{
    background:#1e293b!important;
}

html[data-theme="dark"] .modal [style*="background:#fff"],
html[data-theme="dark"] .modal [style*="background: #fff"],
html[data-theme="dark"] .modal [style*="background:white"],
html[data-theme="dark"] .modal [style*="background: white"],
html[data-theme="dark"] .modal [style*="background:#ffffff"],
html[data-theme="dark"] .modal [style*="background: #ffffff"]{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .modal [style*="color:#111"],
html[data-theme="dark"] .modal [style*="color: #111"],
html[data-theme="dark"] .modal [style*="color:#000"],
html[data-theme="dark"] .modal [style*="color: #000"],
html[data-theme="dark"] .modal [style*="color:#1e293b"],
html[data-theme="dark"] .modal [style*="color: #1e293b"]{
    color:#f8fafc!important;
}

html[data-theme="dark"] .modal .badge,
html[data-theme="dark"] .modal .cp-price-badge{
    background:#0d6efd!important;
    color:#fff!important;
}

/* Light giữ sạch */
html[data-theme="light"] .modal-content,
html[data-theme="light"] .modal-body,
html[data-theme="light"] .service-item,
html[data-theme="light"] .service-row,
html[data-theme="light"] .cp-service-item,
html[data-theme="light"] .cp-service-row{
    background:#fff!important;
    color:#0f172a!important;
    border-color:#e5e7eb!important;
}

/* FIX service modal group/category row */
html[data-theme="dark"] .modal .service-category,
html[data-theme="dark"] .modal .service-category *,
html[data-theme="dark"] .modal .category-title,
html[data-theme="dark"] .modal .category-header,
html[data-theme="dark"] .modal .group-title,
html[data-theme="dark"] .modal .group-header,
html[data-theme="dark"] .modal .service-group-title,
html[data-theme="dark"] .modal .service-group-header,
html[data-theme="dark"] .modal [class*="category"],
html[data-theme="dark"] .modal [class*="group"]{
    background:#1e293b!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .modal .service-category.active,
html[data-theme="dark"] .modal .category-header.active,
html[data-theme="dark"] .modal .group-header.active{
    background:#172554!important;
    color:#ffffff!important;
}

html[data-theme="dark"] .modal .fa-folder,
html[data-theme="dark"] .modal .fa-caret-down,
html[data-theme="dark"] .modal .fa-chevron-down{
    color:#60a5fa!important;
}

/* FIX cân đối trang Check IMEI */
body:not(.sidebar-collapse) .content-wrapper{
    margin-left:250px!important;
}

body.sidebar-collapse .content-wrapper{
    margin-left:4.6rem!important;
}

.content-wrapper .content,
.content-wrapper .container-fluid{
    width:100%!important;
    max-width:100%!important;
}

.cp-check-page,
.cp-check-wrap,
.cp-check-container,
.cp-check-hero,
.cp-hero,
.cp-page-hero,
.cp-check-card,
.cp-check-form-card{
    width:100%!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.cp-check-hero,
.cp-hero,
.cp-page-hero{
    margin-top:20px!important;
    margin-bottom:20px!important;
}

@media(min-width:1600px){
    .cp-check-page,
    .cp-check-wrap,
    .cp-check-container,
    .cp-check-hero,
    .cp-hero,
    .cp-page-hero,
    .cp-check-card,
    .cp-check-form-card{
        max-width:1280px!important;
    }
}

@media(max-width:991.98px){
    body:not(.sidebar-collapse) .content-wrapper,
    body.sidebar-collapse .content-wrapper{
        margin-left:0!important;
    }

    .cp-check-page,
    .cp-check-wrap,
    .cp-check-container,
    .cp-check-hero,
    .cp-hero,
    .cp-page-hero,
    .cp-check-card,
    .cp-check-form-card{
        max-width:100%!important;
    }
}


/* FIX DASHBOARD BALANCE WIDTH */
.content-wrapper .container-fluid{
    max-width:1500px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
}

.cp-dashboard-header,
.cp-page-header,
.cp-hero{
    max-width:100%!important;
    width:100%!important;
}

.cp-stats-row,
.cp-dashboard-stats,
.dashboard-stats{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
}

.cp-stat-card,
.dashboard-card{
    min-width:0!important;
    width:100%!important;
}

@media(max-width:1200px){
    .cp-stats-row,
    .cp-dashboard-stats,
    .dashboard-stats{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:767px){
    .content-wrapper .container-fluid{
        padding-left:12px!important;
        padding-right:12px!important;
    }

    .cp-stats-row,
    .cp-dashboard-stats,
    .dashboard-stats{
        grid-template-columns:1fr!important;
    }
}


/* FIX CONTENT WIDTH SAFE */
.content-wrapper{
    overflow-x:hidden!important;
}

.content-wrapper .container-fluid{
    max-width:1440px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
}

@media(max-width:767px){
    .content-wrapper .container-fluid{
        padding-left:12px!important;
        padding-right:12px!important;
    }
}

/* FIX layout riêng từng trang */

/* Dashboard: cho rộng đều */
body:has(.cp-dashboard-header) .content-wrapper .container-fluid,
body:has(.cp-stats-row) .content-wrapper .container-fluid{
    max-width:1600px!important;
}

/* Check IMEI: căn giữa, không quá rộng */
body:has(.cp-check-card) .content-wrapper .container-fluid,
body:has(.cp-check-form-card) .content-wrapper .container-fluid,
body:has(.cp-page-hero) .content-wrapper .container-fluid{
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Hero/Form check-imei cân đối */
.cp-page-hero,
.cp-check-hero,
.cp-check-card,
.cp-check-form-card{
    max-width:1040px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Desktop lớn */
@media(min-width:1600px){
    body:has(.cp-check-card) .content-wrapper .container-fluid,
    body:has(.cp-check-form-card) .content-wrapper .container-fluid{
        max-width:1180px!important;
    }
}

/* RESET lỗi layout do fix trước */
.content-wrapper{
    overflow-x:hidden!important;
}

.content-wrapper .container-fluid{
    max-width:1500px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
}

/* CHECK IMEI: căn giữa đúng */
.cp-check-page,
.cp-check-wrapper,
.cp-check-container{
    max-width:1050px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.cp-page-hero,
.cp-check-hero{
    max-width:1050px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.cp-check-card,
.cp-check-form-card,
.cp-check-box{
    max-width:1050px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* tránh form bị đẩy qua phải */
.cp-check-card *,
.cp-check-form-card *{
    box-sizing:border-box!important;
}

@media(max-width:991px){
    .content-wrapper .container-fluid{
        padding-left:12px!important;
        padding-right:12px!important;
    }

    .cp-check-page,
    .cp-check-wrapper,
    .cp-check-container,
    .cp-page-hero,
    .cp-check-hero,
    .cp-check-card,
    .cp-check-form-card,
    .cp-check-box{
        max-width:100%!important;
    }
}

/* FIX check-imei layout chuẩn */
.cp-check-page{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
}

.cp-check-inner{
    width:100%!important;
    max-width:1120px!important;
    margin:0 auto!important;
}

.cp-check-hero,
.cp-check-card{
    width:100%!important;
    max-width:100%!important;
}

@media(max-width:767px){
    .cp-check-inner{
        max-width:100%!important;
    }
}

/* FIX service description box */
html[data-theme="dark"] #mo-ta,
html[data-theme="dark"] .cp-service-note{
    background:#111827!important;
    color:#e5e7eb!important;
    border:1px solid #334155!important;
}

html[data-theme="dark"] #mo-ta *,
html[data-theme="dark"] .cp-service-note *{
    background:transparent!important;
    color:#e5e7eb!important;
}

html[data-theme="dark"] #mo-ta strong,
html[data-theme="dark"] #mo-ta b,
html[data-theme="dark"] .cp-service-note strong,
html[data-theme="dark"] .cp-service-note b{
    color:#ffffff!important;
}

html[data-theme="dark"] #mo-ta .text-primary,
html[data-theme="dark"] .cp-service-note .text-primary{
    color:#60a5fa!important;
}

html[data-theme="light"] #mo-ta,
html[data-theme="light"] .cp-service-note{
    background:#eff6ff!important;
    color:#0f172a!important;
    border:1px solid #bfdbfe!important;
}

html[data-theme="light"] #mo-ta *,
html[data-theme="light"] .cp-service-note *{
    color:#0f172a!important;
}

/* FIX check-bulk service picker + note */
html[data-theme="dark"] .cp-service-picker{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-service-picker *{
    color:#f8fafc!important;
}

html[data-theme="dark"] .cp-service-picker .text-muted{
    color:#94a3b8!important;
}

html[data-theme="dark"] .cp-service-note{
    background:#0f172a!important;
    color:#e5e7eb!important;
    border-color:#334155!important;
    border-left-color:#206bc4!important;
}

html[data-theme="dark"] .cp-service-note *{
    color:#e5e7eb!important;
    background:transparent!important;
}

html[data-theme="dark"] .cp-result-header{
    background:#111827!important;
    color:#f8fafc!important;
    border-bottom-color:#334155!important;
}

html[data-theme="dark"] .cp-result-header *{
    color:#f8fafc!important;
}

/* FIX text modal service */
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .service-modal,
html[data-theme="dark"] .service-list{
    color:#f8fafc!important;
}

html[data-theme="dark"] .modal-body *{
    color:inherit!important;
}

html[data-theme="dark"] .service-group-title,
html[data-theme="dark"] .service-name,
html[data-theme="dark"] .service-item-title,
html[data-theme="dark"] .service-option-name{
    color:#ffffff!important;
    font-weight:700!important;
}

html[data-theme="dark"] .service-item small,
html[data-theme="dark"] .service-option small{
    color:#cbd5e1!important;
}


/* FIX khoảng trống phía trên banner Bulk */

.cp-bulk-hero,
.cp-page-header,
.cp-hero{
    margin-top:0 !important;
}

.content-wrapper .content{
    padding-top:0 !important;
}


/* FIX check-bulk cân đối */
.cp-bulk-page{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
}

.cp-bulk-inner{
    width:100%!important;
    max-width:1120px!important;
    margin:0 auto!important;
}

.cp-bulk-hero{
    margin-top:0!important;
}

@media(max-width:767px){
    .cp-bulk-inner{
        max-width:100%!important;
    }
}

/* FIX white wrapper around service picker */
html[data-theme="dark"] .cp-service-box{
    background:#111827!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-service-box > .cp-service-picker{
    background:#0f172a!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-service-box .text-muted{
    color:#94a3b8!important;
}

html[data-theme="dark"] .cp-service-box i{
    color:#60a5fa!important;
}

/* FIX bulk hero height */
.cp-bulk-hero{
    padding:18px 28px!important;
    min-height:auto!important;
}

.cp-bulk-badge{
    margin-bottom:8px!important;
}

.cp-bulk-hero h2{
    font-size:28px!important;
    line-height:1.15!important;
    margin-bottom:6px!important;
}

.cp-bulk-hero p{
    margin-top:6px!important;
}

@media(max-width:767px){
    .cp-bulk-hero{
        padding:16px 20px!important;
    }

    .cp-bulk-hero h2{
        font-size:23px!important;
    }
}

/* FIX bulk hero vertical balance */
.cp-bulk-hero{
    min-height:150px!important;
    padding:24px 32px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
}

.cp-bulk-badge{
    width:max-content!important;
    margin-bottom:12px!important;
}

.cp-bulk-hero h2{
    margin:0 0 8px 0!important;
    line-height:1.15!important;
}

.cp-bulk-hero p{
    margin:0!important;
    line-height:1.5!important;
}

@media(max-width:767px){
    .cp-bulk-hero{
        min-height:135px!important;
        padding:20px!important;
    }
}

/* Đẩy banner check-bulk xuống cân đối hơn */
.cp-bulk-page{
    padding-top:28px!important;
}

.cp-bulk-hero{
    margin-top:0!important;
}

@media(max-width:767px){
    .cp-bulk-page{
        padding-top:16px!important;
    }
}

/* CHECK IMEI giống Dashboard */

.cp-imei-page{
    width:100%;
    padding-top:28px;
}

.cp-imei-inner{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.cp-imei-hero{
    margin-top:0!important;
}

@media(max-width:768px){
    .cp-imei-page{
        padding-top:16px;
    }

    .cp-imei-inner{
        max-width:100%;
    }
}

/* DASHBOARD BALANCE */

.cp-dashboard-header,
.cp-hero{
    margin-top:28px !important;
}

.cp-dashboard-header{
    min-height:180px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:32px !important;
}

.cp-dashboard-header h1,
.cp-hero h1{
    margin-bottom:12px !important;
}

@media(max-width:768px){
    .cp-dashboard-header,
    .cp-hero{
        margin-top:16px !important;
        min-height:auto;
        padding:24px !important;
    }
}
/* FIX dashboard hero balance */
.cp-dashboard-hero{
    margin-top:28px!important;
    min-height:170px!important;
    padding:28px 32px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
}

.cp-dashboard-badge{
    width:max-content!important;
    margin-bottom:12px!important;
}

.cp-dashboard-hero h2{
    margin:0 0 8px 0!important;
    line-height:1.15!important;
}

.cp-dashboard-hero p{
    margin:0!important;
    line-height:1.5!important;
}

@media(max-width:767px){
    .cp-dashboard-hero{
        margin-top:16px!important;
        min-height:140px!important;
        padding:20px!important;
    }
}

/* FIX TOPUP HERO */
.cp-topup-hero{
    margin-top:32px !important;
}

@media(max-width:767px){
    .cp-topup-hero{
        margin-top:18px !important;
    }
}


/* FIX TRANSACTION HISTORY HERO */
.cp-history-hero{
    margin-top:32px !important;
}

@media(max-width:767px){
    .cp-history-hero{
        margin-top:18px !important;
    }
}


/* GLOBAL CONTENT SPACING */

.content-wrapper > .content{
    padding-top:24px !important;
}

@media (max-width:768px){
    .content-wrapper > .content{
        padding-top:12px !important;
    }
}


/* Hạ toàn bộ nội dung xuống dưới navbar */
.content-wrapper > .content{
    padding-top:28px!important;
}

@media(max-width:768px){
    .content-wrapper > .content{
        padding-top:14px!important;
    }
}

/* FIX FREE CHECK HERO */
.cp-free-hero{
    margin-top:48px !important;
}

@media(max-width:767px){
    .cp-free-hero{
        margin-top:24px !important;
    }
}


/* FIX check-imei-free input + upgrade box */
html[data-theme="dark"] .cp-imei-input{
    background:#1e293b!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-imei-input::placeholder{
    color:#94a3b8!important;
}

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

html[data-theme="dark"] .cp-free-upgrade,
html[data-theme="dark"] .cp-upgrade-card,
html[data-theme="dark"] .cp-feature-box,
html[data-theme="dark"] .cp-free-box{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-free-upgrade *,
html[data-theme="dark"] .cp-upgrade-card *,
html[data-theme="dark"] .cp-feature-box *,
html[data-theme="dark"] .cp-free-box *{
    color:#f8fafc!important;
}

/* FIX check-imei-free input wrapper */
html[data-theme="dark"] .cp-imei-box,
html[data-theme="dark"] .cp-imei-wrap,
html[data-theme="dark"] .cp-input-wrap,
html[data-theme="dark"] .cp-input-box{
    background:#111827!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-imei-icon{
    background:#1e293b!important;
    color:#60a5fa!important;
}

html[data-theme="dark"] .cp-imei-input{
    background:transparent!important;
    color:#f8fafc!important;
}

html[data-theme="dark"] .cp-imei-input::placeholder{
    color:#94a3b8!important;
}

/* FIX check-imei-free bottom card dark */
html[data-theme="dark"] .cp-card,
html[data-theme="dark"] .cp-card .card-body,
html[data-theme="dark"] .cp-card-header{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
}

html[data-theme="dark"] .cp-card *,
html[data-theme="dark"] .cp-card-header *{
    color:#f8fafc!important;
}

html[data-theme="dark"] .cp-card .text-success,
html[data-theme="dark"] .cp-card i.text-success{
    color:#22c55e!important;
}

html[data-theme="dark"] .cp-card .btn,
html[data-theme="dark"] .cp-card .btn *{
    color:#fff!important;
}

/* FIX check-imei-free upgrade box dark mode */
html[data-theme="dark"] .cp-upgrade-box{
    background:#111827 !important;
    border-color:#334155 !important;
    color:#f8fafc !important;
}

html[data-theme="dark"] .cp-upgrade-box h4,
html[data-theme="dark"] .cp-upgrade-box .cp-feature-grid,
html[data-theme="dark"] .cp-upgrade-box .cp-feature-grid div{
    color:#f8fafc !important;
}

html[data-theme="dark"] .cp-upgrade-box .text-success,
html[data-theme="dark"] .cp-upgrade-box i.text-success{
    color:#22c55e !important;
}

html[data-theme="dark"] .cp-upgrade-box .text-primary,
html[data-theme="dark"] .cp-upgrade-box i.text-primary{
    color:#60a5fa !important;
}

/* ===========================
   FIX SAO KÊ TABLE ĐỀU ĐẸP
   =========================== */

.cp-statement-table{
    table-layout:fixed!important;
    width:100%!important;
}

.cp-statement-table thead th{
    height:52px!important;
    vertical-align:middle!important;
    font-weight:800!important;
    white-space:nowrap!important;
}

.cp-statement-table tbody td{
    vertical-align:middle!important;
    padding:18px 16px!important;
}

.cp-statement-table th:nth-child(1),
.cp-statement-table td:nth-child(1){
    width:110px!important;
}

.cp-statement-table th:nth-child(3),
.cp-statement-table td:nth-child(3){
    width:90px!important;
    text-align:center!important;
}

.cp-statement-table th:nth-child(4),
.cp-statement-table td:nth-child(4){
    width:130px!important;
    text-align:right!important;
}

.cp-statement-table th:nth-child(5),
.cp-statement-table td:nth-child(5){
    width:130px!important;
    text-align:right!important;
}

.cp-statement-table th:nth-child(6),
.cp-statement-table td:nth-child(6){
    width:150px!important;
}

.cp-statement-table th:nth-child(7),
.cp-statement-table td:nth-child(7){
    width:80px!important;
    text-align:center!important;
}

.statement-time{
    display:block!important;
    margin-top:4px!important;
    color:#94a3b8!important;
    font-size:12px!important;
}

.desc-main{
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.45!important;
    margin-bottom:6px!important;
}

.desc-sub{
    font-size:13px!important;
    color:#94a3b8!important;
    line-height:1.5!important;
}

.amount-positive,
.amount-negative,
.amount-neutral{
    white-space:nowrap!important;
    font-size:16px!important;
    font-weight:900!important;
}

.cp-statement-table td:nth-child(5) strong{
    white-space:nowrap!important;
    font-size:16px!important;
}

.type-badge{
    min-width:54px!important;
    padding:7px 14px!important;
    border-radius:999px!important;
}

.code-cell{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-family:Consolas,Monaco,monospace!important;
    font-size:12px!important;
    white-space:normal!important;
    word-break:break-all!important;
    padding:8px!important;
}

.copy-btn{
    width:44px!important;
    height:44px!important;
    padding:0!important;
    border-radius:12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}

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

@media(max-width:991px){
    .cp-statement-table{
        table-layout:auto!important;
    }
}


/* FIX FLASH WHITE KHI CHUYỂN TRANG */

html,
body,
.wrapper,
.content-wrapper,
.main-header,
.main-sidebar,
.content,
.container-fluid{
    background:#0f172a!important;
}

html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .content,
html[data-theme="dark"] .container-fluid{
    background:#0f172a!important;
}

html[data-theme="dark"] a,
html[data-theme="dark"] button,
html[data-theme="dark"] .btn,
html[data-theme="dark"] .nav-link{
    -webkit-tap-highlight-color:transparent!important;
}

html[data-theme="dark"] a:focus,
html[data-theme="dark"] a:active,
html[data-theme="dark"] button:focus,
html[data-theme="dark"] button:active,
html[data-theme="dark"] .btn:focus,
html[data-theme="dark"] .btn:active,
html[data-theme="dark"] .nav-link:focus,
html[data-theme="dark"] .nav-link:active{
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
}

html[data-theme="dark"] .main-sidebar .nav-link:focus,
html[data-theme="dark"] .main-sidebar .nav-link:active{
    background:#206bc4!important;
    color:#fff!important;
}



/* FORCE DARK NO BLUE FLASH */
html,
body,
.wrapper,
.content-wrapper,
.main-header,
.main-sidebar,
.content,
.container-fluid,
.layout-fixed,
.sidebar-mini{
    background:#0f172a!important;
}

body:not(.login-page):not(.register-page){
    background:#0f172a!important;
}

html[data-theme="dark"] .main-header,
html[data-theme="dark"] .navbar-white,
html[data-theme="dark"] .navbar-light{
    background:#111827!important;
    border-color:#334155!important;
}



@media(max-width:991px){
    body:not(.sidebar-open) .main-sidebar{
        transform:translateX(-270px)!important;
    }

    body.sidebar-open .main-sidebar{
        transform:translateX(0)!important;
        z-index:1051!important;
    }

    .main-sidebar{
        transition:transform .25s ease!important;
    }

    .content-wrapper,
    .main-header,
    .cp-footer{
        margin-left:0!important;
        width:100%!important;
    }
}