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 SweetAlert / popup hướng dẫn 2FA */
.swal2-container{
    z-index:99999!important;
}

.swal2-popup{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    border:1px solid var(--cp-border)!important;
    border-radius:18px!important;
    overflow:hidden!important;
}

.swal2-title,
.swal2-html-container,
.swal2-html-container *,
.swal2-content,
.swal2-content *{
    color:var(--cp-text)!important;
}

.swal2-html-container{
    text-align:left!important;
    line-height:1.6!important;
    overflow:visible!important;
}

.swal2-html-container ul,
.swal2-html-container ol{
    padding-left:22px!important;
    margin:8px 0!important;
}

.swal2-html-container li{
    display:list-item!important;
    background:transparent!important;
    color:var(--cp-text)!important;
    padding:2px 0!important;
}

.swal2-confirm{
    background:#fbbf24!important;
    color:#111827!important;
    border-radius:8px!important;
    font-weight:800!important;
}

.swal2-actions{
    border-top:1px solid var(--cp-border)!important;
    padding-top:12px!important;
}

/* FIX LIEN-HE GUIDE MODAL */
.guide-modal .modal-body{
    background:var(--cp-card)!important;
    color:var(--cp-text)!important;
    padding:18px!important;
}

.guide-modal .modal-body p,
.guide-modal .modal-body div,
.guide-modal .modal-body li,
.guide-modal .modal-body b,
.guide-modal .modal-body a{
    color:var(--cp-text)!important;
    background:transparent!important;
}

.guide-modal .guide-step{
    background:transparent!important;
    border-bottom:1px dashed var(--cp-border)!important;
}

.guide-modal .guide-step > div{
    background:transparent!important;
    color:var(--cp-text)!important;
}

.guide-modal .guide-step span{
    background:#22a6b3!important;
    color:#fff!important;
}

.guide-modal .alert{
    border-radius:12px!important;
    padding:14px 18px!important;
}

.guide-modal .alert-warning{
    background:#fbbf24!important;
    border:1px solid #f59e0b!important;
    color:#111827!important;
}

.guide-modal .alert-warning *,
.guide-modal .alert-warning li,
.guide-modal .alert-warning b{
    color:#111827!important;
    background:transparent!important;
}

.guide-modal .alert-info{
    background:#dbeafe!important;
    color:#1e3a8a!important;
}

.guide-modal .alert-info *{
    color:#1e3a8a!important;
    background:transparent!important;
}

.guide-modal .alert-success{
    background:#dcfce7!important;
    color:#14532d!important;
}

.guide-modal .alert-success *{
    color:#14532d!important;
    background:transparent!important;
}

.guide-modal .modal-footer{
    background:var(--cp-card)!important;
    border-top:1px solid var(--cp-border)!important;
}

/* Đẩy modal chọn dịch vụ lên cao */
#serviceModal .modal-dialog{
    margin-top:35px!important;
    align-items:flex-start!important;
}

#serviceModal.modal{
    padding-top:0!important;
}

#serviceModal .modal-content{
    max-height:calc(100vh - 55px)!important;
}

#serviceModal .modal-body{
    max-height:calc(100vh - 170px)!important;
    overflow-y:auto!important;
}

@media(max-width:767px){
    #serviceModal .modal-dialog{
        margin-top:10px!important;
    }

    #serviceModal .modal-content{
        max-height:calc(100vh - 20px)!important;
    }

    #serviceModal .modal-body{
        max-height:calc(100vh - 130px)!important;
    }
}

/* FIX service modal position + height */
#serviceModal .modal-dialog{
    margin-top:70px!important;
    margin-bottom:20px!important;
}

#serviceModal .modal-content{
    max-height:calc(100vh - 100px)!important;
    overflow:hidden!important;
}

#serviceModal .modal-body{
    max-height:calc(100vh - 220px)!important;
    overflow-y:auto!important;
}

#serviceModal .cp-service-search{
    position:sticky!important;
    top:0!important;
    z-index:10!important;
    background:var(--cp-card)!important;
    padding:12px!important;
}

@media(max-width:767px){
    #serviceModal .modal-dialog{
        margin-top:35px!important;
        margin-left:10px!important;
        margin-right:10px!important;
    }

    #serviceModal .modal-content{
        max-height:calc(100vh - 60px)!important;
    }

    #serviceModal .modal-body{
        max-height:calc(100vh - 180px)!important;
    }
}

/* FIX khoảng trắng trên modal dịch vụ */
#serviceModal .modal-dialog{
    margin-top:40px!important;
    margin-bottom:20px!important;
    align-items:flex-start!important;
}

#serviceModal .modal-dialog-centered{
    min-height:auto!important;
}

#serviceModal .modal-body{
    padding-top:0!important;
}

#serviceModal .cp-service-search{
    position:relative!important;
    top:auto!important;
    margin:0!important;
    padding:12px!important;
}

#serviceModal .cp-service-search input{
    margin:0!important;
}


/* FIX service modal gap/scroll */
#serviceModal .modal-dialog{
    margin-top:35px!important;
    margin-bottom:20px!important;
}

#serviceModal .modal-content{
    max-height:calc(100vh - 70px)!important;
    overflow:hidden!important;
}

#serviceModal .modal-body{
    padding:0!important;
    overflow:hidden!important;
}

#serviceModal .cp-service-search{
    position:relative!important;
    top:auto!important;
    z-index:20!important;
    margin:0!important;
    padding:12px!important;
}

#serviceModal #serviceList{
    max-height:calc(100vh - 190px)!important;
    overflow-y:auto!important;
}

#serviceModal .cp-service-group-header{
    position:sticky!important;
    top:0!important;
}

iframe[src*="facebook"],
iframe[src*="xfbml"],
.fb-page,
.fb_iframe_widget,
.zalo-chat-widget{
    display:none!important;
}

/* FIX footer connect white box */
.cp-footer iframe,
.cp-footer .fb-page,
.cp-footer .fb_iframe_widget,
.cp-footer .zalo-chat-widget,
.cp-footer [class*="facebook"],
.cp-footer [id*="facebook"]{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    width:0!important;
    overflow:hidden!important;
}

.cp-social-buttons{
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:18px;
}

.cp-social-btn{
    width:44px;
    height:44px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#1f2937;
    border:1px solid rgba(148,163,184,.35);
    color:#60a5fa!important;
    font-weight:900;
    font-size:18px;
    text-decoration:none!important;
}

/* ===== FIX FOOTER CONTACT BOX DARK/LIGHT ===== */
.cp-footer .cp-info{
    background:var(--cp-card-2)!important;
    border:1px solid var(--cp-border)!important;
    border-radius:14px!important;
    padding:14px!important;
    color:var(--cp-muted)!important;
}

.cp-footer .cp-info h5{
    color:var(--cp-muted)!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.55!important;
    margin:0 0 10px 0!important;
}

.cp-footer .cp-info h5 i{
    color:var(--cp-primary)!important;
    margin-right:7px!important;
}

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

.cp-footer .cp-footer-heading,
.cp-footer .cp-footer-logo,
.cp-footer .cp-footer-bottom strong{
    color:var(--cp-text)!important;
}

.cp-footer .cp-footer-desc,
.cp-footer .cp-footer-links a,
.cp-footer .cp-footer-bottom{
    color:var(--cp-muted)!important;
}

.cp-footer .cp-footer-bottom{
    background:var(--cp-card)!important;
    border-color:var(--cp-border)!important;
}

.cp-footer{
    background:var(--cp-bg)!important;
    border-top:1px solid var(--cp-border)!important;
}

/* bỏ toàn bộ khung trắng nếu còn plugin cũ */
.cp-footer iframe,
.cp-footer .fb-page,
.cp-footer .fb_iframe_widget,
.cp-footer .zalo-chat-widget{
    display:none!important;
}

/* ===== Dashboard Result ===== */
.cp-result-box{
    max-width:340px;
    max-height:240px;
    overflow:auto;
    background:#111827!important;
    border:1px solid #374151!important;
    border-radius:12px;
    padding:12px;
}

.cp-result-box *,
.cp-result-box table,
.cp-result-box tbody,
.cp-result-box tr,
.cp-result-box td,
.cp-result-box th,
.cp-result-box div,
.cp-result-box span,
.cp-result-box p{
    background:transparent!important;
    color:#e5e7eb!important;
    border-color:#374151!important;
}

.cp-result-box hr{
    border-color:#374151!important;
}

.cp-result-box img{
    max-width:100%;
    height:auto;
}

/* ===== Dashboard Result ===== */
.cp-result-box{
    max-width:340px;
    max-height:240px;
    overflow:auto;
    background:#111827!important;
    border:1px solid #374151!important;
    border-radius:12px;
    padding:12px;
}

.cp-result-box *,
.cp-result-box table,
.cp-result-box tbody,
.cp-result-box tr,
.cp-result-box td,
.cp-result-box th,
.cp-result-box div,
.cp-result-box span,
.cp-result-box p{
    background:transparent!important;
    color:#e5e7eb!important;
    border-color:#374151!important;
}

.cp-result-box hr{
    border-color:#374151!important;
}

.cp-result-box img{
    max-width:100%;
    height:auto;
}

.check-result-box,
.cp-api-result{
    background:var(--cp-card-2)!important;
    border:1px solid var(--cp-border)!important;
    border-radius:12px!important;
    padding:14px!important;
    color:var(--cp-text)!important;
}

.check-result-box *,
.cp-api-result *,
.provider-result *{
    color:var(--cp-text)!important;
    background:transparent!important;
}

.check-result-box span[style*="16a34a"],
.cp-api-result span[style*="16a34a"]{
    color:#22c55e!important;
}

.provider-result > div{
    border-bottom:1px solid var(--cp-border)!important;
}

.provider-result strong{
    color:var(--cp-muted)!important;
}