/* LOLAPAY V2 shared visual layer — presentation only. */
:root{--v2-ink:#071f18;--v2-green:#0b4b38;--v2-lime:#c8ed42;--v2-paper:#f4f7f4;--v2-line:#dde7e1;--v2-muted:#6c7e74;--v2-shadow:0 18px 48px rgba(7,31,24,.075)}
body{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased}
.admin-content,.dashboard-content{background:var(--v2-paper)!important}
.admin-sidebar{background:#FFFFFF!important;border-right:1px solid #E2E8F0!important;box-shadow:1px 0 10px rgba(0,0,0,0.02)!important}
.admin-sidebar:after{display:none!important}
.sidebar-logo,.sidebar-brand{border-bottom-color:#E2E8F0!important;background:transparent!important}.sidebar-brand .brand-info h5{color:#0F172A!important}.sidebar-brand .brand-info span{color:#F97316!important}.admin-sidebar .sidebar-label{color:#94A3B8!important;font-weight:700!important}.sidebar-menu-link,.admin-sidebar .nav-link{border:1px solid transparent!important;border-radius:10px!important;color:#475569!important}.admin-sidebar .nav-link:hover{background:#F8FAFC!important;border-color:#E2E8F0!important;color:#0F172A!important;transform:none!important}.admin-sidebar .nav-link.active{background:linear-gradient(135deg,#F97316,#EA580C)!important;border-color:#F97316!important;color:#FFFFFF!important;font-weight:700!important;box-shadow:0 4px 14px rgba(249,115,22,0.25)!important}.admin-sidebar .nav-link.active i{color:#FFFFFF!important}.admin-sidebar .nav-link.active::before{background:#FFFFFF!important}.admin-sidebar .nav-badge{background:#FFFFFF!important;color:#EA580C!important}.admin-sidebar .sidebar-brand .brand-icon{background:linear-gradient(135deg,#F97316,#EA580C)!important;color:#ffffff!important;box-shadow:0 4px 15px rgba(249,115,22,.35)!important}.admin-sidebar .sidebar-footer{border-top-color:#E2E8F0!important}.admin-sidebar .sidebar-footer .admin-badge{background:#F8FAFC!important;border:1px solid #E2E8F0!important}.admin-sidebar .sidebar-footer .admin-name{color:#0F172A!important}.admin-sidebar .sidebar-footer .admin-role{color:#64748B!important}
.dashboard-topbar,.admin-topbar{background:#ffffff!important;border-bottom:1px solid #E2E8F0!important;box-shadow:none!important;position:fixed!important;top:0!important;left:var(--pi-sidebar-width, 260px)!important;right:0!important;z-index:1030!important;height:var(--pi-topbar-height, 54px)!important;margin-top:0!important}.dashboard-content,.admin-content{min-height:calc(100vh - 54px)}.dashboard-content h1,.admin-content h1,.dashboard-content h2,.admin-content h2{letter-spacing:-.035em;color:var(--v2-ink)!important}
.card-custom,.admin-card,.plan-card,.activity-card,.settings-card{border:1px solid var(--v2-line)!important;border-radius:16px!important;box-shadow:0 1px 0 rgba(7,31,24,.02)!important;background:#fff!important}
.form-control-custom,.form-select,.form-control{border-color:#d8e3dc!important;border-radius:10px!important;min-height:44px;box-shadow:none!important}.form-control-custom:focus,.form-select:focus,.form-control:focus{border-color:#10B981!important;box-shadow:0 0 0 3px rgba(16,185,129,.16)!important}.btn-primary-custom{background:linear-gradient(135deg,#10B981,#059669)!important;color:#fff!important;border:1px solid #10B981!important;border-radius:10px!important;box-shadow:0 4px 12px rgba(16,185,129,.25)!important;font-weight:800!important}.btn-dark-custom{background:var(--v2-ink)!important;color:#fff!important;border-radius:10px!important}.btn-outline-custom{border-color:#cbd9d1!important;color:var(--v2-ink)!important;border-radius:10px!important}
.table{--bs-table-bg:transparent}.table thead th,.data-table thead th{background:#f3f7f4!important;color:#65786d!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--v2-line)!important}.table td,.data-table td{border-color:#edf1ee!important;vertical-align:middle}.badge{border-radius:999px!important}.modal-content{border:1px solid var(--v2-line)!important;border-radius:18px!important;box-shadow:0 30px 80px rgba(7,31,24,.18)!important}
body.auth-page{background:radial-gradient(circle at 80% 12%,rgba(200,237,66,.14),transparent 28%),linear-gradient(145deg,#08271e,#051813 70%)!important;background-size:auto!important;animation:none!important}.auth-card{background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.6)!important;color:var(--v2-ink)!important;border-radius:22px!important;box-shadow:0 35px 90px rgba(0,0,0,.32)!important}.auth-brand h1,.auth-brand h2,.auth-brand p,.auth-card label,.auth-footer,.auth-footer p{color:var(--v2-ink)!important}.auth-brand p,.auth-footer p{opacity:.65}.auth-card .form-control{background:#f7f9f7!important;color:var(--v2-ink)!important;border-color:#d9e4dd!important}.auth-card .input-icon{color:#7c9084!important}.auth-card .btn-auth-primary{background:var(--v2-ink)!important;color:#fff!important;border-radius:11px!important}.auth-card .auth-divider:before,.auth-card .auth-divider:after{background:#dfe7e2!important}.auth-card .auth-divider span{color:#839188!important}
.admin-login-page{background:radial-gradient(circle at 80% 12%,rgba(200,237,66,.14),transparent 28%),linear-gradient(145deg,#08271e,#051813 70%)!important}.admin-login-page .login-card{background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:22px!important;box-shadow:0 35px 90px rgba(0,0,0,.32)!important}.admin-login-page .login-card h3,.admin-login-page .login-card label{color:var(--v2-ink)!important}.admin-login-page .login-card input{background:#f7f9f7!important;border-color:#d9e4dd!important;color:var(--v2-ink)!important}.admin-login-page .login-btn{background:var(--v2-ink)!important;color:#fff!important;border-radius:11px!important}
.payment-body{background:radial-gradient(circle at 75% 10%,rgba(200,237,66,.14),transparent 28%),linear-gradient(145deg,#08271e,#051813 72%)}.payment-card{border-radius:22px!important;box-shadow:0 32px 80px rgba(0,0,0,.32)!important}.qr-frame{border-radius:16px!important}.qr-frame img{image-rendering:auto}
.docs-container{background:var(--v2-paper)}.docs-sidebar{background:#fff!important;border-color:var(--v2-line)!important}.docs-content h1,.docs-content h2,.docs-content h3{color:var(--v2-ink)!important;letter-spacing:-.025em}.endpoint-card,.info-card,.code-block{border-radius:14px!important}.navbar-custom{background:#071f18!important}
@media(max-width:991.98px){
    .dashboard-topbar, .admin-topbar {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .admin-main, .dashboard-main {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .dashboard-sidebar:after, .admin-sidebar:after { right: 52px; }
    .dashboard-content, .admin-content { padding: 14px !important; }
    .dashboard-content > .container-fluid, .admin-content > .container-fluid { padding: 0 !important; }
}

/* ========================================================
   GLOBAL DUAL-THEME ARCHITECTURE (System / Light / Dark)
   ======================================================== */
[data-theme="dark"], html.dark-theme, body.dark-theme {
    --v2-ink: #F8FAFC !important;
    --v2-paper: #0B0F19 !important;
    --v2-line: rgba(255, 255, 255, 0.08) !important;
    --v2-muted: #94A3B8 !important;
    --pi-bg: #0B0F19 !important;
    --pi-white: #111C30 !important;
    --pi-card: #111C30 !important;
    --pi-border: rgba(255, 255, 255, 0.08) !important;
    --pi-border-light: rgba(255, 255, 255, 0.05) !important;
    --pi-text: #F8FAFC !important;
    --pi-text-secondary: #CBD5E1 !important;
    --pi-text-muted: #94A3B8 !important;
}

[data-theme="dark"] body, html.dark-theme body {
    background-color: #0B0F19 !important;
    color: #F8FAFC !important;
}

[data-theme="dark"] .dashboard-content, [data-theme="dark"] .admin-content,
html.dark-theme .dashboard-content, html.dark-theme .admin-content {
    background: #0B0F19 !important;
    color: #F8FAFC !important;
}

[data-theme="dark"] .dashboard-sidebar, [data-theme="dark"] .admin-sidebar,
html.dark-theme .dashboard-sidebar, html.dark-theme .admin-sidebar {
    background: #0F172A !important;
    border-right-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .dashboard-topbar, [data-theme="dark"] .admin-topbar,
html.dark-theme .dashboard-topbar, html.dark-theme .admin-topbar {
    background: #0F172A !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
    color: #F8FAFC !important;
}

[data-theme="dark"] .sidebar-logo, [data-theme="dark"] .sidebar-brand,
html.dark-theme .sidebar-logo, html.dark-theme .sidebar-brand {
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .card-custom, [data-theme="dark"] .admin-card, 
[data-theme="dark"] .plan-card, [data-theme="dark"] .activity-card, 
[data-theme="dark"] .settings-card, [data-theme="dark"] .filter-card,
[data-theme="dark"] .kyc-feature-box, [data-theme="dark"] .officer-status-card,
[data-theme="dark"] .stat-card, [data-theme="dark"] .analytics-card,
html.dark-theme .card-custom, html.dark-theme .admin-card,
html.dark-theme .plan-card, html.dark-theme .activity-card,
html.dark-theme .settings-card, html.dark-theme .filter-card,
html.dark-theme .kyc-feature-box, html.dark-theme .officer-status-card,
html.dark-theme .stat-card, html.dark-theme .analytics-card {
    background: #111C30 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #F8FAFC !important;
}

/* ========================================================
   UNIVERSAL TABLE DARK MODE ARCHITECTURE
   Prevents white table backgrounds across Admin & Merchant
   ======================================================== */
[data-theme="dark"] .table,
[data-theme="dark"] .data-table,
[data-theme="dark"] .table-custom,
[data-theme="dark"] .table-custom-v2,
[data-theme="dark"] .table-pro-v2,
html.dark-theme .table,
html.dark-theme .data-table,
html.dark-theme .table-custom,
html.dark-theme .table-custom-v2,
html.dark-theme .table-pro-v2 {
    background: #111C30 !important;
    background-color: #111C30 !important;
    color: #E2E8F0 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    --bs-table-bg: transparent !important;
    --bs-table-accent-bg: transparent !important;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.02) !important;
    --bs-table-hover-bg: #17243B !important;
}

[data-theme="dark"] .table-responsive,
html.dark-theme .table-responsive {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
}

[data-theme="dark"] .table tbody,
[data-theme="dark"] .data-table tbody,
[data-theme="dark"] .table-custom tbody,
[data-theme="dark"] .table-custom-v2 tbody,
[data-theme="dark"] .table-pro-v2 tbody,
html.dark-theme .table tbody,
html.dark-theme .data-table tbody,
html.dark-theme .table-custom tbody,
html.dark-theme .table-custom-v2 tbody,
html.dark-theme .table-pro-v2 tbody {
    background: #111C30 !important;
    background-color: #111C30 !important;
}

[data-theme="dark"] .table thead th,
[data-theme="dark"] .data-table thead th,
[data-theme="dark"] .table-custom thead th,
[data-theme="dark"] .table-custom-v2 th,
[data-theme="dark"] .table-pro-v2 thead th,
html.dark-theme .table thead th,
html.dark-theme .data-table thead th,
html.dark-theme .table-custom thead th,
html.dark-theme .table-custom-v2 th,
html.dark-theme .table-pro-v2 thead th {
    background: #0C1424 !important;
    background-color: #0C1424 !important;
    color: #94A3B8 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .data-table td,
[data-theme="dark"] .table-custom td,
[data-theme="dark"] .table-custom-v2 td,
[data-theme="dark"] .table-pro-v2 td,
html.dark-theme .table td,
html.dark-theme .data-table td,
html.dark-theme .table-custom td,
html.dark-theme .table-custom-v2 td,
html.dark-theme .table-pro-v2 td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #E2E8F0 !important;
}

[data-theme="dark"] .table tbody tr,
[data-theme="dark"] .data-table tbody tr,
[data-theme="dark"] .table-custom tbody tr,
[data-theme="dark"] .table-custom-v2 tbody tr,
[data-theme="dark"] .table-pro-v2 tbody tr,
html.dark-theme .table tbody tr,
html.dark-theme .data-table tbody tr,
html.dark-theme .table-custom tbody tr,
html.dark-theme .table-custom-v2 tbody tr,
html.dark-theme .table-pro-v2 tbody tr {
    background: #111C30 !important;
    background-color: #111C30 !important;
    color: #E2E8F0 !important;
    transition: background 0.15s ease;
}

[data-theme="dark"] .table tbody tr:hover,
[data-theme="dark"] .table tbody tr:hover td,
[data-theme="dark"] .table-custom tbody tr:hover,
[data-theme="dark"] .table-custom tbody tr:hover td,
[data-theme="dark"] .table-custom-v2 tbody tr:hover,
[data-theme="dark"] .table-custom-v2 tbody tr:hover td,
[data-theme="dark"] .table-pro-v2 tbody tr:hover,
[data-theme="dark"] .table-pro-v2 tbody tr:hover td,
html.dark-theme .table tbody tr:hover,
html.dark-theme .table tbody tr:hover td,
html.dark-theme .table-custom tbody tr:hover,
html.dark-theme .table-custom tbody tr:hover td,
html.dark-theme .table-custom-v2 tbody tr:hover,
html.dark-theme .table-custom-v2 tbody tr:hover td,
html.dark-theme .table-pro-v2 tbody tr:hover,
html.dark-theme .table-pro-v2 tbody tr:hover td {
    background: #17243B !important;
    background-color: #17243B !important;
    color: #FFFFFF !important;
}

[data-theme="dark"] .table .text-dark,
[data-theme="dark"] .table-custom .text-dark,
[data-theme="dark"] .table-custom-v2 .text-dark,
html.dark-theme .table .text-dark,
html.dark-theme .table-custom .text-dark,
html.dark-theme .table-custom-v2 .text-dark {
    color: #FFFFFF !important;
}

/* Status Badges in Dark Mode */
[data-theme="dark"] .badge-status.badge-success,
html.dark-theme .badge-status.badge-success {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}
[data-theme="dark"] .badge-status.badge-info,
html.dark-theme .badge-status.badge-info {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #60A5FA !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
}
[data-theme="dark"] .badge-status.badge-neutral,
html.dark-theme .badge-status.badge-neutral {
    background: rgba(148, 163, 184, 0.12) !important;
    color: #94A3B8 !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
}
[data-theme="dark"] .badge.bg-success,
html.dark-theme .badge.bg-success {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
}
[data-theme="dark"] .badge.bg-warning,
html.dark-theme .badge.bg-warning {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

/* Icon action buttons */
[data-theme="dark"] .btn-icon,
html.dark-theme .btn-icon {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94A3B8 !important;
    border-radius: 8px;
    transition: all 0.2s ease;
}
[data-theme="dark"] .btn-icon:hover,
html.dark-theme .btn-icon:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

/* Admin Primary Orange Accent */
.btn-admin-primary {
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%) !important;
    border: 1px solid #EA580C !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 9px 18px !important;
    font-size: 13.5px !important;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.3) !important;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease;
}
.btn-admin-primary:hover {
    background: linear-gradient(135deg, #FB923C 0%, #F97316 100%) !important;
    border-color: #F97316 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45) !important;
    transform: translateY(-1px);
}
/* Admin Orange Primary Action */
.admin-main .btn-dark-custom,
body.admin-body .btn-dark-custom,
[data-theme="dark"] .admin-main .btn-dark-custom,
[data-theme="dark"] body.admin-body .btn-dark-custom,
html.dark-theme .admin-main .btn-dark-custom {
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%) !important;
    border: 1px solid #EA580C !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.25) !important;
}
.admin-main .btn-dark-custom:hover,
body.admin-body .btn-dark-custom:hover,
[data-theme="dark"] .admin-main .btn-dark-custom:hover,
[data-theme="dark"] body.admin-body .btn-dark-custom:hover,
html.dark-theme .admin-main .btn-dark-custom:hover {
    background: linear-gradient(135deg, #FB923C 0%, #F97316 100%) !important;
    border-color: #F97316 !important;
    color: #FFFFFF !important;
}

/* Merchant / Client Emerald Green Action */
.dashboard-main .btn-dark-custom,
body.dashboard-body .btn-dark-custom,
[data-theme="dark"] .dashboard-main .btn-dark-custom,
[data-theme="dark"] body.dashboard-body .btn-dark-custom,
html.dark-theme .dashboard-main .btn-dark-custom {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    border: 1px solid #10B981 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.25) !important;
}
.dashboard-main .btn-dark-custom:hover,
body.dashboard-body .btn-dark-custom:hover,
[data-theme="dark"] .dashboard-main .btn-dark-custom:hover,
[data-theme="dark"] body.dashboard-body .btn-dark-custom:hover,
html.dark-theme .dashboard-main .btn-dark-custom:hover {
    background: linear-gradient(135deg, #34D399 0%, #10B981 100%) !important;
    border-color: #34D399 !important;
    color: #FFFFFF !important;
}

[data-theme="dark"] .form-control-custom, [data-theme="dark"] .form-select, [data-theme="dark"] .form-control,
html.dark-theme .form-control-custom, html.dark-theme .form-select, html.dark-theme .form-control {
    background: #0D1526 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
[data-theme="dark"] .form-control::placeholder, [data-theme="dark"] .form-control-custom::placeholder, [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder,
html.dark-theme .form-control::placeholder, html.dark-theme .form-control-custom::placeholder, html.dark-theme input::placeholder, html.dark-theme textarea::placeholder {
    color: #94A3B8 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #94A3B8 !important;
}
[data-theme="dark"] .form-control-custom:focus, [data-theme="dark"] .form-select:focus, [data-theme="dark"] .form-control:focus,
html.dark-theme .form-control-custom:focus, html.dark-theme .form-select:focus, html.dark-theme .form-control:focus {
    background: #0F1A30 !important;
    border-color: #38BDF8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

[data-theme="dark"] .modal-content, html.dark-theme .modal-content {
    background: #0F172A !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #F8FAFC !important;
}
[data-theme="dark"] .modal-header, html.dark-theme .modal-header,
[data-theme="dark"] .modal-footer, html.dark-theme .modal-footer {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: #0F172A !important;
}

[data-theme="dark"] .dropdown-menu, html.dark-theme .dropdown-menu {
    background: #111C30 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #F8FAFC !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .dropdown-item, html.dark-theme .dropdown-item {
    color: #CBD5E1 !important;
}
[data-theme="dark"] .dropdown-item:hover, html.dark-theme .dropdown-item:hover {
    background: #1E293B !important;
    color: #FFFFFF !important;
}

[data-theme="dark"] .badge.bg-light, html.dark-theme .badge.bg-light {
    background: #1E293B !important;
    color: #E2E8F0 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .bg-light, html.dark-theme .bg-light {
    background: #111C30 !important;
    color: #E2E8F0 !important;
}
[data-theme="dark"] .bg-white, html.dark-theme .bg-white {
    background: #111C30 !important;
    color: #E2E8F0 !important;
}
[data-theme="dark"] .text-dark, [data-theme="dark"] .text-dark-custom,
html.dark-theme .text-dark, html.dark-theme .text-dark-custom {
    color: #F8FAFC !important;
}
[data-theme="dark"] .text-muted, [data-theme="dark"] .text-muted-custom,
html.dark-theme .text-muted, html.dark-theme .text-muted-custom {
    color: #94A3B8 !important;
}

/* Pastel Stat Cards in Dark Mode */
[data-theme="dark"] .pastel-stat-card,
html.dark-theme .pastel-stat-card {
    background: #111C30 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .pastel-stat-card h3,
html.dark-theme .pastel-stat-card h3 {
    color: #FFFFFF !important;
}
[data-theme="dark"] .pastel-stat-card .text-secondary,
html.dark-theme .pastel-stat-card .text-secondary {
    color: #94A3B8 !important;
}
[data-theme="dark"] .pastel-stat-card .text-muted,
html.dark-theme .pastel-stat-card .text-muted {
    color: #64748B !important;
}
[data-theme="dark"] .pastel-purple .icon-badge { background: rgba(139, 92, 246, 0.18) !important; color: #A78BFA !important; }
[data-theme="dark"] .pastel-blue .icon-badge { background: rgba(59, 130, 246, 0.18) !important; color: #60A5FA !important; }
[data-theme="dark"] .pastel-mint .icon-badge { background: rgba(16, 185, 129, 0.18) !important; color: #34D399 !important; }
[data-theme="dark"] .pastel-gold .icon-badge { background: rgba(245, 158, 11, 0.18) !important; color: #FBBF24 !important; }
[data-theme="dark"] .pastel-pink .icon-badge { background: rgba(236, 72, 153, 0.18) !important; color: #F472B6 !important; }

/* Provider Cards & Gateway Connect */
[data-theme="dark"] .provider-card,
html.dark-theme .provider-card,
[data-theme="dark"] .connect-form-card,
html.dark-theme .connect-form-card {
    background: #111C30 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #F8FAFC !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .provider-name,
html.dark-theme .provider-name {
    color: #FFFFFF !important;
}
[data-theme="dark"] .provider-desc,
html.dark-theme .provider-desc {
    color: #94A3B8 !important;
}

/* URL Pill Box and Avatar Circle */
[data-theme="dark"] .url-box-pill,
html.dark-theme .url-box-pill {
    background: #0C1424 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94A3B8 !important;
}
[data-theme="dark"] .avatar-circle,
html.dark-theme .avatar-circle {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
}

/* Search bar card */
[data-theme="dark"] .search-panel-card,
html.dark-theme .search-panel-card {
    background: #111C30 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .search-panel-card input,
html.dark-theme .search-panel-card input {
    background: #0C1424 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}
[data-theme="dark"] .search-panel-card input::placeholder,
html.dark-theme .search-panel-card input::placeholder {
    color: #64748B !important;
}

/* ========================================================
   THEME TOGGLE POPOVER DROPDOWN STYLES (System/Light/Dark)
   ======================================================== */
.theme-menu-popover {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 150px;
    background: #0F172A;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    padding: 6px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
    z-index: 1055;
    animation: themePopFadeIn 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes themePopFadeIn {
    0% { opacity: 0; transform: translateY(-6px) scale(0.97); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
.theme-menu-item {
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 8px;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #E2E8F0;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
}
.theme-menu-item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
}
.theme-item-icon {
    width: 15px;
    height: 15px;
    color: #94A3B8;
    flex-shrink: 0;
}
.theme-menu-item:hover .theme-item-icon {
    color: #FFFFFF;
}
.theme-item-label {
    flex-grow: 1;
}
.theme-check-icon {
    width: 14px;
    height: 14px;
    color: #A78BFA;
    display: none;
}
.theme-menu-item.active .theme-check-icon {
    display: inline-block;
}
.theme-menu-item.active {
    font-weight: 600;
    color: #FFFFFF;
}

/* ========================================================
   UNIVERSAL DARK THEME EXTENSIONS: ALERTS, POPUPS, ICONS & LOGOS
   ======================================================== */

/* SweetAlert2 Comprehensive Dark Mode Support */
[data-theme="dark"] .swal2-popup, html.dark-theme .swal2-popup {
    background: #0F172A !important;
    color: #F8FAFC !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 22px !important;
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.65) !important;
}
[data-theme="dark"] .swal2-title, html.dark-theme .swal2-title {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px !important;
}
[data-theme="dark"] .swal2-html-container, html.dark-theme .swal2-html-container,
[data-theme="dark"] .swal2-content, html.dark-theme .swal2-content {
    color: #94A3B8 !important;
    font-size: 14px !important;
}
[data-theme="dark"] .swal2-input, [data-theme="dark"] .swal2-textarea, [data-theme="dark"] .swal2-select,
html.dark-theme .swal2-input, html.dark-theme .swal2-textarea, html.dark-theme .swal2-select {
    background: #1E293B !important;
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
[data-theme="dark"] .swal2-input:focus, [data-theme="dark"] .swal2-textarea:focus,
html.dark-theme .swal2-input:focus, html.dark-theme .swal2-textarea:focus {
    border-color: #10B981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22) !important;
}
[data-theme="dark"] .swal2-actions, html.dark-theme .swal2-actions {
    gap: 12px !important;
}
[data-theme="dark"] .swal2-styled.swal2-confirm, html.dark-theme .swal2-styled.swal2-confirm {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #FFFFFF !important;
    border: 1px solid #10B981 !important;
    border-radius: 11px !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important;
    font-weight: 700 !important;
    padding: 10px 24px !important;
}
[data-theme="dark"] .swal2-styled.swal2-cancel, html.dark-theme .swal2-styled.swal2-cancel {
    background: #334155 !important;
    color: #F1F5F9 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 11px !important;
    font-weight: 600 !important;
    padding: 10px 22px !important;
}
[data-theme="dark"] .swal2-close, html.dark-theme .swal2-close {
    color: #94A3B8 !important;
}
[data-theme="dark"] .swal2-close:hover, html.dark-theme .swal2-close:hover {
    color: #FFFFFF !important;
}
[data-theme="dark"] .swal2-toast, html.dark-theme .swal2-toast {
    background: #0F172A !important;
    color: #F8FAFC !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55) !important;
}
[data-theme="dark"] .swal2-validation-message, html.dark-theme .swal2-validation-message {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

/* Alert System & Prominent Notifications in Dark Mode */
[data-theme="dark"] .alert, html.dark-theme .alert {
    background: #111C30 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #F8FAFC !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}
[data-theme="dark"] .alert-warning, html.dark-theme .alert-warning {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.14) 0%, rgba(180, 83, 9, 0.2) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.35) !important;
    color: #FDE68A !important;
}
[data-theme="dark"] .alert-warning strong, html.dark-theme .alert-warning strong,
[data-theme="dark"] .alert-warning .text-dark, html.dark-theme .alert-warning .text-dark,
[data-theme="dark"] .alert-warning h4, [data-theme="dark"] .alert-warning h5, [data-theme="dark"] .alert-warning h6 {
    color: #FEF3C7 !important;
}
[data-theme="dark"] .alert-warning .text-muted, html.dark-theme .alert-warning .text-muted,
[data-theme="dark"] .alert-warning p, [data-theme="dark"] .alert-warning span {
    color: #FCD34D !important;
}
[data-theme="dark"] .alert-warning .bg-warning, html.dark-theme .alert-warning .bg-warning {
    background: rgba(245, 158, 11, 0.3) !important;
    color: #FEF3C7 !important;
    border: 1px solid rgba(245, 158, 11, 0.45) !important;
}
[data-theme="dark"] .alert-success, html.dark-theme .alert-success {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.14) 0%, rgba(5, 150, 105, 0.2) 100%) !important;
    border: 1.5px solid rgba(16, 185, 129, 0.35) !important;
    color: #A7F3D0 !important;
}
[data-theme="dark"] .alert-success strong, html.dark-theme .alert-success strong,
[data-theme="dark"] .alert-success .text-dark, html.dark-theme .alert-success .text-dark,
[data-theme="dark"] .alert-success h4, [data-theme="dark"] .alert-success h5, [data-theme="dark"] .alert-success h6 {
    color: #ECFDF5 !important;
}
[data-theme="dark"] .alert-success .text-muted, html.dark-theme .alert-success .text-muted,
[data-theme="dark"] .alert-success p, [data-theme="dark"] .alert-success span {
    color: #6EE7B7 !important;
}
[data-theme="dark"] .alert-danger, html.dark-theme .alert-danger {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.14) 0%, rgba(185, 28, 28, 0.2) 100%) !important;
    border: 1.5px solid rgba(239, 68, 68, 0.35) !important;
    color: #FCA5A5 !important;
}
[data-theme="dark"] .alert-danger strong, html.dark-theme .alert-danger strong,
[data-theme="dark"] .alert-danger .text-dark, html.dark-theme .alert-danger .text-dark,
[data-theme="dark"] .alert-danger h4, [data-theme="dark"] .alert-danger h5, [data-theme="dark"] .alert-danger h6 {
    color: #FEE2E2 !important;
}
[data-theme="dark"] .alert-danger .text-muted, html.dark-theme .alert-danger .text-muted,
[data-theme="dark"] .alert-danger p, [data-theme="dark"] .alert-danger span {
    color: #F87171 !important;
}
[data-theme="dark"] .alert-info, html.dark-theme .alert-info {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.14) 0%, rgba(2, 132, 199, 0.2) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.35) !important;
    color: #BAE6FD !important;
}
[data-theme="dark"] .alert-info strong, html.dark-theme .alert-info strong,
[data-theme="dark"] .alert-info .text-dark, html.dark-theme .alert-info .text-dark,
[data-theme="dark"] .alert-info h4, [data-theme="dark"] .alert-info h5, [data-theme="dark"] .alert-info h6 {
    color: #E0F2FE !important;
}
[data-theme="dark"] .alert-info .text-muted, html.dark-theme .alert-info .text-muted,
[data-theme="dark"] .alert-info p, [data-theme="dark"] .alert-info span {
    color: #7DD3FC !important;
}

/* Light & White Buttons in Dark Mode */
[data-theme="dark"] .btn-white, html.dark-theme .btn-white,
[data-theme="dark"] .btn-light, html.dark-theme .btn-light {
    background: #1E293B !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #F8FAFC !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}
[data-theme="dark"] .btn-white:hover, html.dark-theme .btn-white:hover,
[data-theme="dark"] .btn-light:hover, html.dark-theme .btn-light:hover {
    background: #334155 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}
[data-theme="dark"] .btn-outline-dark, html.dark-theme .btn-outline-dark,
[data-theme="dark"] .btn-outline-secondary, html.dark-theme .btn-outline-secondary {
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #E2E8F0 !important;
}
[data-theme="dark"] .btn-outline-dark:hover, html.dark-theme .btn-outline-dark:hover,
[data-theme="dark"] .btn-outline-secondary:hover, html.dark-theme .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #FFFFFF !important;
}

/* Merchant Sidebar Active & Inactive Elements */
[data-theme="dark"] .sidebar-menu-item.active .sidebar-menu-link,
html.dark-theme .sidebar-menu-item.active .sidebar-menu-link {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.16) 0%, rgba(5, 150, 105, 0.22) 100%) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #34D399 !important;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.18) !important;
}
[data-theme="dark"] .sidebar-menu-item.active .menu-icon-box,
html.dark-theme .sidebar-menu-item.active .menu-icon-box {
    background: #111C30 !important;
    border-color: rgba(16, 185, 129, 0.45) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .sidebar-menu-item.active .menu-label,
html.dark-theme .sidebar-menu-item.active .menu-label {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}
[data-theme="dark"] .sidebar-menu-item:not(.active) .menu-icon-box,
html.dark-theme .sidebar-menu-item:not(.active) .menu-icon-box {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .sidebar-menu-link,
html.dark-theme .sidebar-menu-link {
    color: #94A3B8 !important;
}
[data-theme="dark"] .sidebar-menu-link:hover,
html.dark-theme .sidebar-menu-link:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #FFFFFF !important;
}
[data-theme="dark"] .sidebar-menu-link:hover .menu-label,
html.dark-theme .sidebar-menu-link:hover .menu-label {
    color: #FFFFFF !important;
}

/* Sidebar Upgrade Card & Trial Countdown in Dark Mode */
[data-theme="dark"] .sidebar-upgrade-card:not(.sidebar-active-plan-card), html.dark-theme .sidebar-upgrade-card:not(.sidebar-active-plan-card) {
    background: linear-gradient(135deg, rgba(88, 28, 135, 0.25) 0%, rgba(59, 7, 100, 0.35) 100%) !important;
    border: 1px solid rgba(168, 85, 247, 0.35) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .sidebar-upgrade-card:not(.sidebar-active-plan-card) .sidebar-upgrade-title, html.dark-theme .sidebar-upgrade-card:not(.sidebar-active-plan-card) .sidebar-upgrade-title {
    color: #E9D5FF !important;
}
[data-theme="dark"] .sidebar-upgrade-card:not(.sidebar-active-plan-card) .sidebar-upgrade-desc, html.dark-theme .sidebar-upgrade-card:not(.sidebar-active-plan-card) .sidebar-upgrade-desc {
    color: #C4B5FD !important;
}

/* Sidebar Active Plan Card (When Upgraded) in Dark Mode */
[data-theme="dark"] .sidebar-active-plan-card, html.dark-theme .sidebar-active-plan-card {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.16) 0%, rgba(6, 78, 59, 0.22) 100%) !important;
    border: 1px solid rgba(16, 185, 129, 0.32) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 16px rgba(16, 185, 129, 0.12) !important;
}
[data-theme="dark"] .sidebar-active-plan-card .sidebar-upgrade-title, html.dark-theme .sidebar-active-plan-card .sidebar-upgrade-title {
    color: #FFFFFF !important;
}
[data-theme="dark"] .sidebar-active-plan-card .sidebar-upgrade-desc, html.dark-theme .sidebar-active-plan-card .sidebar-upgrade-desc {
    color: #94A3B8 !important;
}
[data-theme="dark"] .sidebar-active-plan-card .crown-icon-wrap, html.dark-theme .sidebar-active-plan-card .crown-icon-wrap {
    background: rgba(16, 185, 129, 0.22) !important;
    color: #34D399 !important;
}
[data-theme="dark"] .btn-sidebar-active-plan, html.dark-theme .btn-sidebar-active-plan {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important;
}

/* User Profile & Badges in Dark Mode */
[data-theme="dark"] .user-name-sidebar, html.dark-theme .user-name-sidebar {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}
[data-theme="dark"] .user-avatar-sidebar, html.dark-theme .user-avatar-sidebar {
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3), 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .badge-plan-upgraded, html.dark-theme .badge-plan-upgraded {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
}
[data-theme="dark"] .badge-plan-trial, html.dark-theme .badge-plan-trial {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.32) !important;
}
[data-theme="dark"] .badge-plan-suspended, html.dark-theme .badge-plan-suspended {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
}

[data-theme="dark"] .sidebar-trial-countdown-widget, html.dark-theme .sidebar-trial-countdown-widget {
    background: #0C1424 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .trial-widget-title, html.dark-theme .trial-widget-title {
    color: #F8FAFC !important;
}
[data-theme="dark"] .trial-badge-time, html.dark-theme .trial-badge-time {
    background: rgba(16, 185, 129, 0.15) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
    color: #34D399 !important;
}
[data-theme="dark"] .trial-progress-track, html.dark-theme .trial-progress-track {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Topbar & Search Menu in Dark Mode */
[data-theme="dark"] .search-input, html.dark-theme .search-input {
    background: #111C30 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #FFFFFF !important;
}
[data-theme="dark"] .search-input::placeholder, html.dark-theme .search-input::placeholder {
    color: #64748B !important;
}
[data-theme="dark"] .search-shortcut, html.dark-theme .search-shortcut {
    background: #1E293B !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #94A3B8 !important;
}
[data-theme="dark"] .search-popover-menu, html.dark-theme .search-popover-menu {
    background: #0F172A !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .search-popover-section-label, html.dark-theme .search-popover-section-label {
    color: #64748B !important;
}
[data-theme="dark"] .search-popover-item, html.dark-theme .search-popover-item {
    color: #E2E8F0 !important;
}
[data-theme="dark"] .search-popover-item:hover, html.dark-theme .search-popover-item:hover {
    background: #1E293B !important;
    color: #FFFFFF !important;
}
[data-theme="dark"] .notification-dropdown, html.dark-theme .notification-dropdown,
[data-theme="dark"] .user-dropdown-menu, html.dark-theme .user-dropdown-menu {
    background: #0F172A !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .notification-header, html.dark-theme .notification-header,
[data-theme="dark"] .notification-footer, html.dark-theme .notification-footer {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #94A3B8 !important;
}
[data-theme="dark"] .notification-item, html.dark-theme .notification-item {
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #E2E8F0 !important;
}
[data-theme="dark"] .notification-item:hover, html.dark-theme .notification-item:hover {
    background: #1E293B !important;
}

/* Brand Logos in Dark Mode */
[data-theme="dark"] .smb-main-brand-icon, html.dark-theme .smb-main-brand-icon {
    filter: drop-shadow(0 2px 8px rgba(16, 185, 129, 0.35)) !important;
}
[data-theme="dark"] .smb-main-brand-logo, html.dark-theme .smb-main-brand-logo {
    filter: drop-shadow(0 2px 8px rgba(255, 255, 255, 0.12)) !important;
}
[data-theme="dark"] .mobile-topbar-brand, html.dark-theme .mobile-topbar-brand {
    color: #FFFFFF !important;
}

/* Card & Section Containers in Dark Mode */
[data-theme="dark"] .page-header-card,
[data-theme="dark"] .settings-card,
[data-theme="dark"] .profile-card,
[data-theme="dark"] .profile-section-card,
[data-theme="dark"] .integration-card,
[data-theme="dark"] .report-card,
[data-theme="dark"] .refer-card,
[data-theme="dark"] .api-key-card,
[data-theme="dark"] .customer-card,
[data-theme="dark"] .webhook-card,
[data-theme="dark"] .logs-card,
[data-theme="dark"] .verified-details-card,
[data-theme="dark"] .event-check-card,
[data-theme="dark"] .connect-box,
[data-theme="dark"] .account-card,
[data-theme="dark"] .ticket-card,
[data-theme="dark"] .ticket-reply-card,
[data-theme="dark"] .quick-action-card,
[data-theme="dark"] .stats-box,
[data-theme="dark"] .table-card,
[data-theme="dark"] .security-card,
[data-theme="dark"] .fintech-stat-card,
[data-theme="dark"] .fintech-card-main,
[data-theme="dark"] .settlement-overview-card,
html.dark-theme .page-header-card,
html.dark-theme .settings-card,
html.dark-theme .profile-card,
html.dark-theme .profile-section-card,
html.dark-theme .integration-card,
html.dark-theme .report-card,
html.dark-theme .refer-card,
html.dark-theme .api-key-card,
html.dark-theme .customer-card,
html.dark-theme .webhook-card,
html.dark-theme .logs-card,
html.dark-theme .verified-details-card,
html.dark-theme .event-check-card,
html.dark-theme .connect-box,
html.dark-theme .account-card,
html.dark-theme .ticket-card,
html.dark-theme .ticket-reply-card,
html.dark-theme .quick-action-card,
html.dark-theme .stats-box,
html.dark-theme .table-card,
html.dark-theme .security-card,
html.dark-theme .fintech-stat-card,
html.dark-theme .fintech-card-main,
html.dark-theme .settlement-overview-card {
    background: #111C30 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #F8FAFC !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .page-header-card h1,
[data-theme="dark"] .page-header-card h2,
[data-theme="dark"] .page-header-card h3,
[data-theme="dark"] .page-header-card h4,
[data-theme="dark"] .page-header-card h5,
[data-theme="dark"] .page-header-card h6,
[data-theme="dark"] .settings-card h1,
[data-theme="dark"] .settings-card h2,
[data-theme="dark"] .settings-card h3,
[data-theme="dark"] .settings-card h4,
[data-theme="dark"] .settings-card h5,
[data-theme="dark"] .settings-card h6,
[data-theme="dark"] .profile-card h1,
[data-theme="dark"] .profile-card h2,
[data-theme="dark"] .profile-card h3,
[data-theme="dark"] .profile-card h4,
[data-theme="dark"] .profile-card h5,
[data-theme="dark"] .profile-card h6,
[data-theme="dark"] .card-title,
[data-theme="dark"] .form-label-custom {
    color: #FFFFFF !important;
}

[data-theme="dark"] .webhook-card strong,
[data-theme="dark"] .webhook-stat-item strong,
[data-theme="dark"] .profile-card strong,
[data-theme="dark"] .settings-card strong,
[data-theme="dark"] .ticket-card strong {
    color: #F8FAFC !important;
}

[data-theme="dark"] .btn-action-sm {
    background: #1E293B !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #F8FAFC !important;
}
[data-theme="dark"] .btn-action-sm:hover {
    background: #334155 !important;
    color: #FFFFFF !important;
}

/* Event check cards & custom checkboxes */
[data-theme="dark"] .event-check-card {
    background: #0D1526 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .event-check-card:hover {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: #10B981 !important;
}
[data-theme="dark"] .event-check-card.selected {
    background: rgba(16, 185, 129, 0.14) !important;
    border-color: #10B981 !important;
}
[data-theme="dark"] .event-box-icon {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: #1E293B !important;
}
[data-theme="dark"] .event-check-card.selected .event-box-icon {
    background: #10B981 !important;
    border-color: #10B981 !important;
    color: #FFFFFF !important;
}

/* Status Chips & Badges */
[data-theme="dark"] .status-chip.delivered {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}
[data-theme="dark"] .status-chip.failed {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}
[data-theme="dark"] .status-chip.pending {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

/* ========================================================
   GLOBAL DARK MODE UTILITIES & CONNECT SURFACES
   Fixes .bg-light, .text-dark, .border, provider cards, alerts
   ======================================================== */
[data-theme="dark"] .bg-light,
html.dark-theme .bg-light,
body.dark-theme .bg-light {
    background-color: #0E1726 !important;
    border-color: #1E293B !important;
    color: #F8FAFC !important;
}

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

[data-theme="dark"] .text-muted,
html.dark-theme .text-muted,
body.dark-theme .text-muted {
    color: #94A3B8 !important;
}

[data-theme="dark"] .text-secondary,
html.dark-theme .text-secondary,
body.dark-theme .text-secondary {
    color: #94A3B8 !important;
}

[data-theme="dark"] .border,
html.dark-theme .border,
body.dark-theme .border,
[data-theme="dark"] .border-top,
html.dark-theme .border-top,
body.dark-theme .border-top,
[data-theme="dark"] .border-bottom,
html.dark-theme .border-bottom,
body.dark-theme .border-bottom,
[data-theme="dark"] .border-start,
html.dark-theme .border-start,
body.dark-theme .border-start,
[data-theme="dark"] .border-end,
html.dark-theme .border-end,
body.dark-theme .border-end {
    border-color: #1E293B !important;
}

/* Outline button in dark mode */
[data-theme="dark"] .btn-outline-custom,
html.dark-theme .btn-outline-custom,
body.dark-theme .btn-outline-custom {
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #F1F5F9 !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
[data-theme="dark"] .btn-outline-custom:hover,
html.dark-theme .btn-outline-custom:hover,
body.dark-theme .btn-outline-custom:hover {
    border-color: #10B981 !important;
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.12) !important;
}

/* Provider & Connect Cards in Dark Mode */
[data-theme="dark"] .provider-card,
html.dark-theme .provider-card,
body.dark-theme .provider-card,
[data-theme="dark"] .connect-form-card,
html.dark-theme .connect-form-card,
body.dark-theme .connect-form-card {
    background: #111C30 !important;
    border-color: #1E293B !important;
    color: #F8FAFC !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .provider-name,
html.dark-theme .provider-name,
body.dark-theme .provider-name {
    color: #F8FAFC !important;
}

/* Banner Card & Search Panel Card in Dark Mode */
[data-theme="dark"] .banner-card,
html.dark-theme .banner-card,
body.dark-theme .banner-card,
[data-theme="dark"] .search-panel-card,
html.dark-theme .search-panel-card,
body.dark-theme .search-panel-card {
    background: #111C30 !important;
    border-color: #1E293B !important;
    color: #F8FAFC !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}
[data-theme="dark"] .search-panel-card input,
html.dark-theme .search-panel-card input {
    background: #0E1726 !important;
    border: 1px solid #1E293B !important;
    color: #FFFFFF !important;
}
[data-theme="dark"] .search-panel-card input::placeholder,
html.dark-theme .search-panel-card input::placeholder {
    color: #64748B !important;
}

/* 5 Pastel Summary Stat Cards in Dark Mode */
[data-theme="dark"] .pastel-stat-card,
html.dark-theme .pastel-stat-card,
body.dark-theme .pastel-stat-card {
    background: #111C30 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}
[data-theme="dark"] .pastel-purple,
html.dark-theme .pastel-purple {
    border-color: rgba(139, 92, 246, 0.35) !important;
}
[data-theme="dark"] .pastel-blue,
html.dark-theme .pastel-blue {
    border-color: rgba(59, 130, 246, 0.35) !important;
}
[data-theme="dark"] .pastel-mint,
html.dark-theme .pastel-mint {
    border-color: rgba(16, 185, 129, 0.35) !important;
}
[data-theme="dark"] .pastel-gold,
html.dark-theme .pastel-gold {
    border-color: rgba(245, 158, 11, 0.35) !important;
}
[data-theme="dark"] .pastel-pink,
html.dark-theme .pastel-pink {
    border-color: rgba(236, 72, 153, 0.35) !important;
}
[data-theme="dark"] .pastel-stat-card h3,
html.dark-theme .pastel-stat-card h3 {
    color: #FFFFFF !important;
}

/* Table Custom v2 Dark Mode Overhaul */
[data-theme="dark"] .table-custom-v2,
html.dark-theme .table-custom-v2,
body.dark-theme .table-custom-v2 {
    background: #111C30 !important;
    color: #F8FAFC !important;
}
[data-theme="dark"] .table-custom-v2 thead th,
html.dark-theme .table-custom-v2 thead th,
body.dark-theme .table-custom-v2 thead th {
    background: #0C1424 !important;
    color: #94A3B8 !important;
    border-bottom: 1px solid #1E293B !important;
}
[data-theme="dark"] .table-custom-v2 tbody tr,
html.dark-theme .table-custom-v2 tbody tr,
body.dark-theme .table-custom-v2 tbody tr {
    background: transparent !important;
}
[data-theme="dark"] .table-custom-v2 tbody tr:hover,
html.dark-theme .table-custom-v2 tbody tr:hover,
body.dark-theme .table-custom-v2 tbody tr:hover {
    background: #17243B !important;
}
[data-theme="dark"] .table-custom-v2 td,
html.dark-theme .table-custom-v2 td,
body.dark-theme .table-custom-v2 td {
    border-bottom: 1px solid #1E293B !important;
    color: #E2E8F0 !important;
}
[data-theme="dark"] .table-custom-v2 .text-dark,
html.dark-theme .table-custom-v2 .text-dark {
    color: #FFFFFF !important;
}
[data-theme="dark"] .avatar-circle,
html.dark-theme .avatar-circle {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34D399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}
[data-theme="dark"] .url-box-pill,
html.dark-theme .url-box-pill {
    background: #0E1726 !important;
    border-color: #1E293B !important;
    color: #94A3B8 !important;
}
[data-theme="dark"] .qr-display-stage,
html.dark-theme .qr-display-stage {
    background: #0F172A !important;
    border-color: #1E293B !important;
}

/* Dark mode alerts */
[data-theme="dark"] .alert-info,
html.dark-theme .alert-info,
body.dark-theme .alert-info {
    background-color: rgba(14, 165, 233, 0.12) !important;
    border-color: rgba(14, 165, 233, 0.28) !important;
    color: #38BDF8 !important;
}
[data-theme="dark"] .alert-success,
html.dark-theme .alert-success,
body.dark-theme .alert-success {
    background-color: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.28) !important;
    color: #34D399 !important;
}
[data-theme="dark"] .alert-warning,
html.dark-theme .alert-warning,
body.dark-theme .alert-warning {
    background-color: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.28) !important;
    color: #FBBF24 !important;
}
[data-theme="dark"] .alert-danger,
html.dark-theme .alert-danger,
body.dark-theme .alert-danger {
    background-color: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
    color: #F87171 !important;
}