/* =============================================
   SMS REMINDER - Light/Dark Theme System
   ============================================= */

/* Light Mode (Default) */
:root {
    --primary: #6366f1;
    --primary-hover: #4f46e5;
    --primary-light: #eef2ff;
    --primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    --bg-body: #f1f5f9;
    --bg-surface: #ffffff;
    --bg-surface-hover: #f8fafc;
    --bg-input: #ffffff;
    --border: #e2e8f0;
    --border-light: #f1f5f9;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --shadow: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.06);
    --radius: 10px;
    --radius-lg: 14px;
    --transition: 0.2s ease;
    --nav-bg: #ffffff;
}

/* Dark Mode */
[data-theme="dark"] {
    --primary: #818cf8;
    --primary-hover: #6366f1;
    --primary-light: #1e1b4b;
    --primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    --bg-body: #0f172a;
    --bg-surface: #1e293b;
    --bg-surface-hover: #334155;
    --bg-input: #334155;
    --border: #334155;
    --border-light: #1e293b;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #64748b;
    --shadow: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.4);
    --nav-bg: #1e293b;
}

/* Smooth transitions */
* {
    transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}

body {
    background: var(--bg-body);
    color: var(--text-primary);
}

/* Cards */
.card, .stat-card {
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
}
.card-header {
    background: var(--bg-surface);
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
}

/* Tables */
.table { color: var(--text-primary); }
.table th { background: var(--bg-body); color: var(--text-muted); border-bottom: 2px solid var(--border); }
.table td { border-bottom: 1px solid var(--border-light); }
.table tr:hover td { background: var(--bg-surface-hover); }

/* Forms */
.form-control, .form-select {
    background: var(--bg-input);
    border: 1px solid var(--border);
    color: var(--text-primary);
}
.form-control:focus, .form-select:focus {
    border-color: var(--primary);
    background: var(--bg-input);
    color: var(--text-primary);
}
.input-group-text {
    background: var(--bg-body);
    border: 1px solid var(--border);
    color: var(--text-secondary);
}

/* Buttons */
.btn { border-radius: var(--radius); font-weight: 500; }
.btn-primary { background: var(--primary-gradient); border: none; }
.btn-primary:hover { background: var(--primary-hover); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.btn-outline-primary { border-color: var(--primary); color: var(--primary); }
.btn-outline-primary:hover { background: var(--primary-light); }

/* Badges */
.badge { border-radius: 20px; font-weight: 500; }

/* Modals */
.modal-content { background: var(--bg-surface); border: 1px solid var(--border); }
.modal-header { border-bottom: 1px solid var(--border); color: var(--text-primary); }
.modal-footer { border-top: 1px solid var(--border); }

/* Tabs */
.nav-tabs { border-bottom: 2px solid var(--border); }
.nav-tabs .nav-link { color: var(--text-muted); }
.nav-tabs .nav-link.active { color: var(--primary); background: var(--bg-surface); border-bottom-color: var(--primary); }
.nav-pills .nav-link { color: var(--text-secondary); }
.nav-pills .nav-link.active { background: var(--primary-gradient); color: white; }

/* Pagination */
.pagination .page-link { background: var(--bg-surface); border-color: var(--border); color: var(--text-secondary); }
.pagination .page-item.active .page-link { background: var(--primary-gradient); border-color: transparent; color: white; }

/* Alerts */
.alert { border: none; border-radius: var(--radius); }

/* Navbar */
.navbar { border-bottom: 1px solid var(--border); }
.navbar .nav-link { color: var(--text-secondary) !important; }
.navbar .nav-link:hover { color: var(--text-primary) !important; }
.navbar .navbar-brand { color: var(--text-primary) !important; }

/* Theme Toggle Button */
.theme-toggle-btn {
    background: var(--bg-surface);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    border-radius: var(--radius);
    padding: 0.4rem 0.6rem;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
}
.theme-toggle-btn:hover { background: var(--bg-surface-hover); color: var(--text-primary); }

/* Text utilities */
.text-muted-custom { color: var(--text-muted) !important; }

/* Mobile */
@media (max-width: 768px) {
    .card-header { padding: 0.75rem 1rem; }
    .table th, .table td { padding: 0.5rem; font-size: 0.78rem; }
}

/* =============================================
   DARK MODE TEXT FIXES
   ============================================= */

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] td,
[data-theme="dark"] th,
[data-theme="dark"] label,
[data-theme="dark"] .form-label,
[data-theme="dark"] .form-text,
[data-theme="dark"] strong,
[data-theme="dark"] b,
[data-theme="dark"] span:not(.badge):not(.btn) {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-secondary,
[data-theme="dark"] small.text-muted,
[data-theme="dark"] .small.text-muted,
[data-theme="dark"] .form-text {
    color: #94a3b8 !important;
}

[data-theme="dark"] .card .card-body p,
[data-theme="dark"] .card .card-body h5,
[data-theme="dark"] .card .card-body h6 {
    color: var(--text-primary);
}

[data-theme="dark"] .text-dark {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .bg-white {
    background: var(--bg-surface) !important;
}

[data-theme="dark"] .bg-light {
    background: var(--bg-body) !important;
}

[data-theme="dark"] .border-top {
    border-color: var(--border) !important;
}

/* Keep white text on dark backgrounds visible */
[data-theme="dark"] .text-white {
    color: #ffffff !important;
}

[data-theme="dark"] .hero-gradient .text-white,
[data-theme="dark"] [style*="background:#0f2b3d"],
[data-theme="dark"] [style*="background:#1a4058"] {
    color: #ffffff !important;
}

/* Logo visibility per theme */
[data-theme="dark"] .logo-light { display: none; }
[data-theme="dark"] .logo-dark { display: inline; }
[data-theme="light"] .logo-light,
:root:not([data-theme="dark"]) .logo-light { display: inline; }
[data-theme="light"] .logo-dark,
:root:not([data-theme="dark"]) .logo-dark { display: none; }

/* =============================================
   MOBILE NAV TOGGLER VISIBILITY FIX
   ============================================= */

/* Always show a visible border on the toggler */
.navbar-toggler {
    border: 2px solid rgba(255,255,255,0.5) !important;
    border-radius: 8px !important;
    padding: 0.35rem 0.5rem !important;
}

/* On light backgrounds, ensure the icon is visible */
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Dark mode: make border more visible */
[data-theme="dark"] .navbar-toggler {
    border-color: rgba(255,255,255,0.4) !important;
}

/* =============================================
   GRADIENT NAVBAR TEXT COLOR FIX
   ============================================= */

/* Keep white text on gradient navbar */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.85) !important;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffff !important;
}
.navbar-dark .navbar-brand {
    color: #ffffff !important;
}

/* Override theme's text color ONLY for gradient navbar */
[data-theme="light"] .navbar-dark .navbar-nav .nav-link,
:root:not([data-theme="dark"]) .navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.9) !important;
}
[data-theme="light"] .navbar-dark .navbar-nav .nav-link:hover,
:root:not([data-theme="dark"]) .navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,0.1);
    border-radius: 6px;
}

/* =============================================
   COMPLETE DARK MODE TEXT/VISIBILITY FIXES
   ============================================= */

/* All muted text */
[data-theme="dark"] .text-muted,
[data-theme="dark"] small.text-muted,
[data-theme="dark"] .small.text-muted,
[data-theme="dark"] .form-text,
[data-theme="dark"] .text-secondary { color: #94a3b8 !important; }

/* Headings */
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6,
[data-theme="dark"] strong, [data-theme="dark"] b,
[data-theme="dark"] .card-header strong { color: var(--text-primary) !important; }

/* Card body text */
[data-theme="dark"] .card-body,
[data-theme="dark"] .card-body p,
[data-theme="dark"] .card-body span,
[data-theme="dark"] .card-body small,
[data-theme="dark"] .card-body div { color: var(--text-primary) !important; }

/* Keep badge text visible */
[data-theme="dark"] .badge { color: inherit !important; }
[data-theme="dark"] .badge.bg-light { background: var(--bg-surface-hover) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .badge.bg-white { background: var(--bg-surface-hover) !important; color: var(--text-primary) !important; }

/* Light backgrounds in dark mode */
[data-theme="dark"] .bg-light { background: var(--bg-surface-hover) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .bg-white { background: var(--bg-surface) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .border-bottom { border-color: var(--border) !important; }
[data-theme="dark"] .border-top { border-color: var(--border) !important; }

/* Modal content */
[data-theme="dark"] .modal-content { background: var(--bg-surface) !important; }
[data-theme="dark"] .modal-header { border-color: var(--border) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .modal-body { color: var(--text-primary) !important; }
[data-theme="dark"] .modal-footer { border-color: var(--border) !important; }
[data-theme="dark"] .modal-title { color: var(--text-primary) !important; }

/* Form labels & inputs */
[data-theme="dark"] .form-label,
[data-theme="dark"] label { color: var(--text-secondary) !important; }
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select { background: var(--bg-input); color: var(--text-primary); border-color: var(--border); }
[data-theme="dark"] .form-control::placeholder { color: #64748b !important; }
[data-theme="dark"] .input-group-text { background: var(--bg-surface-hover); color: var(--text-secondary); border-color: var(--border); }

/* Alert info */
[data-theme="dark"] .alert-info { background: #1e3a5f; color: #93c5fd; border-color: #1e40af; }
[data-theme="dark"] .alert-primary { background: #1e1b4b; color: #a5b4fc; border-color: #3730a3; }

/* Table headers */
[data-theme="dark"] .table-light { background: var(--bg-surface-hover) !important; }
[data-theme="dark"] .table-light th { color: var(--text-muted) !important; background: var(--bg-surface-hover) !important; }
[data-theme="dark"] .table-light th a { color: var(--text-muted) !important; }

/* Stat cards with opacity backgrounds */
[data-theme="dark"] .bg-primary.bg-opacity-10 { background: var(--bg-surface) !important; border-left: 4px solid #818cf8 !important; }
[data-theme="dark"] .bg-success.bg-opacity-10 { background: var(--bg-surface) !important; border-left: 4px solid #34d399 !important; }
[data-theme="dark"] .bg-warning.bg-opacity-10 { background: var(--bg-surface) !important; border-left: 4px solid #fbbf24 !important; }
[data-theme="dark"] .bg-info.bg-opacity-10 { background: var(--bg-surface) !important; border-left: 4px solid #60a5fa !important; }
[data-theme="dark"] .bg-secondary.bg-opacity-10 { background: var(--bg-surface) !important; border-left: 4px solid #94a3b8 !important; }
[data-theme="dark"] .bg-danger.bg-opacity-10 { background: var(--bg-surface) !important; border-left: 4px solid #f87171 !important; }

/* Stat cards text */
[data-theme="dark"] .stat-card small { color: var(--text-muted) !important; }
[data-theme="dark"] .stat-card h4,
[data-theme="dark"] .stat-card h3,
[data-theme="dark"] .stat-card h2 { color: var(--text-primary) !important; }

/* Bulk actions bar */
[data-theme="dark"] .bg-warning.bg-opacity-10.border-bottom { background: #3b2f00 !important; color: #fbbf24 !important; }

/* Pills */
[data-theme="dark"] .nav-pills .nav-link:not(.active) { color: var(--text-secondary) !important; }

/* Message modal body */
[data-theme="dark"] #mvMessage { background: var(--bg-surface-hover) !important; color: var(--text-primary) !important; }
[data-theme="dark"] #mvMessage.bg-light { background: var(--bg-surface-hover) !important; }

/* Edit modal */
[data-theme="dark"] #editTitle, [data-theme="dark"] #editMessage, [data-theme="dark"] #editDate { color: var(--text-primary) !important; }

/* Wallet cards */
[data-theme="dark"] .stat-card.bg-success,
[data-theme="dark"] .stat-card.bg-warning { background: var(--bg-surface) !important; }
[data-theme="dark"] .stat-card.bg-success h2,
[data-theme="dark"] .stat-card.bg-warning h2,
[data-theme="dark"] .stat-card.bg-success p,
[data-theme="dark"] .stat-card.bg-warning p { color: var(--text-primary) !important; }
[data-theme="dark"] .stat-card.bg-success { border-left: 4px solid #34d399 !important; }
[data-theme="dark"] .stat-card.bg-warning { border-left: 4px solid #fbbf24 !important; }

/* Recent activity text */
[data-theme="dark"] .card .d-flex strong { color: var(--text-primary) !important; }
[data-theme="dark"] .card .d-flex small { color: var(--text-muted) !important; }

/* Trigger buttons */
[data-theme="dark"] .btn-outline-primary { border-color: #818cf8; color: #a5b4fc; }
[data-theme="dark"] .btn-outline-primary:hover { background: #1e1b4b; color: #c7d2fe; }

/* Dropdowns */
[data-theme="dark"] .dropdown-menu { background: var(--bg-surface); border-color: var(--border); }
[data-theme="dark"] .dropdown-item { color: var(--text-primary); }
[data-theme="dark"] .dropdown-item:hover { background: var(--bg-surface-hover); }

/* Pagination */
[data-theme="dark"] .pagination .page-link { background: var(--bg-surface); border-color: var(--border); color: var(--text-secondary); }
[data-theme="dark"] .pagination .page-item.active .page-link { background: var(--primary); color: #fff; }
[data-theme="dark"] .pagination .page-item.disabled .page-link { background: var(--bg-surface-hover); color: var(--text-muted); }

/* =============================================
   TABLE CELLS DARK MODE - DIRECT FIX
   ============================================= */

[data-theme="dark"] .table { background: var(--bg-surface) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .table td,
[data-theme="dark"] .table th { background: var(--bg-surface) !important; color: var(--text-primary) !important; border-color: var(--border) !important; }
[data-theme="dark"] .table tr:hover td { background: var(--bg-surface-hover) !important; }
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) td { background: var(--bg-surface-hover) !important; }
[data-theme="dark"] .table-hover tbody tr:hover td { background: var(--bg-surface-hover) !important; }
[data-theme="dark"] .table-sm td,
[data-theme="dark"] .table-sm th { color: var(--text-primary) !important; }
[data-theme="dark"] #remindersTableBody td,
[data-theme="dark"] #smsQueueTableBody td { background: var(--bg-surface) !important; color: var(--text-primary) !important; }

/* =============================================
   SWEETALERT2 DARK MODE
   ============================================= */

[data-theme="dark"] .swal2-popup {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-title {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-input,
[data-theme="dark"] .swal2-textarea {
    background: var(--bg-input) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}
[data-theme="dark"] .swal2-input:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.2) !important;
}
[data-theme="dark"] .swal2-select {
    background: var(--bg-input) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}
[data-theme="dark"] .swal2-validation-message {
    background: var(--bg-surface-hover) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-footer {
    border-top-color: var(--border) !important;
    color: var(--text-muted) !important;
}
[data-theme="dark"] .swal2-close {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .swal2-timer-progress-bar {
    background: var(--primary) !important;
}
[data-theme="dark"] .swal2-styled.swal2-confirm {
    background: var(--primary-gradient) !important;
}
[data-theme="dark"] .swal2-styled.swal2-cancel {
    background: var(--bg-surface-hover) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(16,185,129,0.3) !important;
}
[data-theme="dark"] .swal2-icon.swal2-success [class^=swal2-success-line] {
    background: #10b981 !important;
}
[data-theme="dark"] .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background: #ef4444 !important;
}
[data-theme="dark"] .swal2-icon.swal2-warning {
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}
[data-theme="dark"] .swal2-icon.swal2-info {
    border-color: #3b82f6 !important;
    color: #3b82f6 !important;
}
[data-theme="dark"] .swal2-icon.swal2-question {
    border-color: var(--text-muted) !important;
    color: var(--text-muted) !important;
}
/* SweetAlert2 modal labels and form elements */
[data-theme="dark"] .swal2-label,
[data-theme="dark"] .swal2-html-container label {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .swal2-html-container .form-check-label {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container .card {
    background: var(--bg-surface) !important;
    border-color: var(--border) !important;
}
[data-theme="dark"] .swal2-html-container .card-body {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container .card-title {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container .alert-info {
    background: #1e3a5f !important;
    color: #93c5fd !important;
}
[data-theme="dark"] .swal2-html-container .alert-success {
    background: #064e3b !important;
    color: #6ee7b7 !important;
}
[data-theme="dark"] .swal2-html-container .text-muted {
    color: #94a3b8 !important;
}
[data-theme="dark"] .swal2-html-container .fw-bold,
[data-theme="dark"] .swal2-html-container strong {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container small {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .swal2-html-container code {
    background: var(--bg-surface-hover) !important;
    color: var(--text-primary) !important;
}
/* SWAL table inside modal */
[data-theme="dark"] .swal2-html-container table {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container table th {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .swal2-html-container table td {
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

/* =============================================
   SWEETALERT2 - TABLE & NESTED ELEMENTS
   ============================================= */

[data-theme="dark"] .swal2-html-container * {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container .text-muted,
[data-theme="dark"] .swal2-html-container small {
    color: #94a3b8 !important;
}
[data-theme="dark"] .swal2-html-container .text-success { color: #34d399 !important; }
[data-theme="dark"] .swal2-html-container .text-danger { color: #f87171 !important; }
[data-theme="dark"] .swal2-html-container .text-primary { color: #818cf8 !important; }
[data-theme="dark"] .swal2-html-container .text-warning { color: #fbbf24 !important; }
[data-theme="dark"] .swal2-html-container .text-info { color: #60a5fa !important; }

/* Table inside swal */
[data-theme="dark"] .swal2-html-container table,
[data-theme="dark"] .swal2-html-container table th,
[data-theme="dark"] .swal2-html-container table td,
[data-theme="dark"] .swal2-html-container table tr {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

/* Form inputs inside swal */
[data-theme="dark"] .swal2-html-container input,
[data-theme="dark"] .swal2-html-container select,
[data-theme="dark"] .swal2-html-container textarea {
    background: var(--bg-input) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border) !important;
}

/* Labels inside swal */
[data-theme="dark"] .swal2-html-container label,
[data-theme="dark"] .swal2-html-container .form-label {
    color: var(--text-secondary) !important;
}

/* Divs and spans inside swal */
[data-theme="dark"] .swal2-html-container div,
[data-theme="dark"] .swal2-html-container span {
    color: var(--text-primary) !important;
}

/* =============================================

/* =============================================
   SWEETALERT TABLE FIX (view group contacts)
   ============================================= */

[data-theme="dark"] .swal2-html-container table {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    width: 100%;
}
[data-theme="dark"] .swal2-html-container thead th {
    background: var(--bg-surface-hover) !important;
    color: var(--text-muted) !important;
    border-bottom: 2px solid var(--border) !important;
    padding: 0.5rem;
}
[data-theme="dark"] .swal2-html-container tbody td {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 0.4rem 0.5rem;
}
[data-theme="dark"] .swal2-html-container tbody tr:hover td {
    background: var(--bg-surface-hover) !important;
}
[data-theme="dark"] .swal2-html-container .table-sm td,
[data-theme="dark"] .swal2-html-container .table-sm th {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container .field-item {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container .field-item strong {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .swal2-html-container .form-check-label {
    color: var(--text-primary) !important;
}

/* =============================================
   SWEETALERT - ULTIMATE FIX
   ============================================= */

[data-theme="dark"] .swal2-container .swal2-popup .swal2-html-container table.table {
    background: #1e293b !important;
}
[data-theme="dark"] .swal2-container .swal2-popup .swal2-html-container table.table th {
    background: #334155 !important;
    color: #94a3b8 !important;
}
[data-theme="dark"] .swal2-container .swal2-popup .swal2-html-container table.table td {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}
[data-theme="dark"] .swal2-container .swal2-popup .swal2-html-container table.table td small,
[data-theme="dark"] .swal2-container .swal2-popup .swal2-html-container table.table td span {
    color: #e2e8f0 !important;
}
[data-theme="dark"] .swal2-container .swal2-popup .swal2-html-container table.table tr:hover td {
    background: #334155 !important;
}
[data-theme="dark"] .swal2-container .swal2-popup .swal2-title {
    color: #e2e8f0 !important;
}
[data-theme="dark"] .swal2-container .swal2-popup .swal2-html-container #groupSearch {
    background: #334155 !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}