/**
 * dark-mode.css
 * TailAdmin Laravel Official Dark Theme - Comprehensive System
 * Architecture: Clean Slate/Zinc Dark Palette (#0c111d / #101828 / #1a2231 / #465fff)
 * Conforming to WCAG AA/AAA Contrast Standards and TailAdmin Design System.
 * 
 * Fully covers:
 *  - AdminLTE 3 / Bootstrap 4 / DataTables / Select2
 *  - Propositix Modules (Users, Distribuidores, Pagos Unilevel, Pagos Binario, Comisiones,
 *    Transacciones, Paquetes, Rangos, Retiros, Inventario, Reportes, etc.)
 */

/* =========================================================
   1. VARIABLES DE DISEÑO TAILADMIN DARK & OVERRIDES GLOBALES
   ========================================================= */
:root.dark-mode,
body.dark-mode {
    /* TailAdmin Core Tokens */
    --ta-bg-canvas: #0c111d;
    --ta-bg-surface: #101828;
    --ta-bg-sub: #1a2231;
    --ta-bg-hover: #1d2939;
    --ta-border: #1f2937;
    --ta-border-subtle: #344054;
    --ta-text-primary: #f2f4f7;
    --ta-text-secondary: #98a2b3;
    --ta-text-muted: #667085;
    --ta-brand: #465fff;
    --ta-brand-hover: #3641f5;
    --ta-brand-glow: rgba(70, 95, 255, 0.25);
    --ta-brand-soft: rgba(70, 95, 255, 0.15);
    --ta-success: #12b76a;
    --ta-success-soft: rgba(18, 183, 106, 0.15);
    --ta-warning: #f79009;
    --ta-warning-soft: rgba(247, 144, 9, 0.15);
    --ta-danger: #f04438;
    --ta-danger-soft: rgba(240, 68, 56, 0.15);
    --ta-info: #0ba5ec;
    --ta-info-soft: rgba(11, 165, 236, 0.15);

    /* Módulo: Users Old Propositix (--up-*) */
    --up-primary: #465fff;
    --up-primary-dark: #3641f5;
    --up-surface: #101828;
    --up-soft: #1a2231;
    --up-border: #1f2937;
    --up-text: #f2f4f7;
    --up-muted: #98a2b3;
    --up-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);
    --up-success-soft: rgba(18, 183, 106, 0.15);
    --up-success-border: rgba(18, 183, 106, 0.3);

    /* Módulo: Pagos Unilevel y Comisiones Propositix (--pup-*) */
    --pup-primary: #465fff;
    --pup-primary-dark: #3641f5;
    --pup-primary-soft: rgba(70, 95, 255, 0.15);
    --pup-surface: #101828;
    --pup-soft: #1a2231;
    --pup-soft-dark: #141e30;
    --pup-border: #1f2937;
    --pup-text: #f2f4f7;
    --pup-text-soft: #cbd5e1;
    --pup-muted: #98a2b3;
    --pup-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);
    --pup-success-soft: rgba(18, 183, 106, 0.15);
    --pup-warning-soft: rgba(247, 144, 9, 0.15);
    --pup-danger-soft: rgba(240, 68, 56, 0.15);

    /* Módulo: Pagos Binario Propositix (--pbp-*) */
    --pbp-primary: #465fff;
    --pbp-primary-dark: #3641f5;
    --pbp-primary-soft: rgba(70, 95, 255, 0.15);
    --pbp-surface: #101828;
    --pbp-soft: #1a2231;
    --pbp-soft-dark: #141e30;
    --pbp-border: #1f2937;
    --pbp-text: #f2f4f7;
    --pbp-text-soft: #cbd5e1;
    --pbp-muted: #98a2b3;
    --pbp-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);
    --pbp-success-soft: rgba(18, 183, 106, 0.15);
    --pbp-warning-soft: rgba(247, 144, 9, 0.15);
    --pbp-danger-soft: rgba(240, 68, 56, 0.15);
    --pbp-purple-soft: rgba(124, 58, 237, 0.15);

    /* Módulos Generales Transacciones, Paquetes, Rangos (--pp-*) */
    --pp-card: #101828;
    --pp-dark: #f2f4f7;
    --pp-border: #1f2937;
    --pp-muted: #98a2b3;
    --pp-muted-dark: #cbd5e1;
    --pp-soft: #1a2231;
    --pp-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);

    /* Módulo: Pagos Comisiones Detalle (--pupd-*) */
    --pupd-bg: #101828;
    --pupd-dark: #f2f4f7;
    --pupd-border: #1f2937;
    --pupd-soft: #1a2231;
    --pupd-text: #cbd5e1;

    /* Módulo: User Comprobante (--ucp-*) */
    --ucp-border: #1f2937;
    --ucp-muted: #98a2b3;
    --ucp-soft: #1a2231;
    --ucp-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);
}

/* =========================================================
   2. ESTRUCTURA BASE Y CANVAS
   ========================================================= */
html.dark-mode,
body.dark-mode {
    background-color: #0c111d !important;
    color: #f2f4f7 !important;
    font-family: 'Outfit', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body.dark-mode .wrapper,
body.dark-mode .content-wrapper,
body.dark-mode .main-content {
    background-color: #0c111d !important;
    color: #f2f4f7 !important;
}

body.dark-mode .content-header {
    color: #f2f4f7 !important;
}

body.dark-mode .content-header h1 {
    color: #ffffff !important;
    font-weight: 700;
}

body.dark-mode .breadcrumb-item,
body.dark-mode .breadcrumb-item a {
    color: #98a2b3 !important;
}

body.dark-mode .breadcrumb-item.active {
    color: #f2f4f7 !important;
    font-weight: 600;
}

/* =========================================================
   3. NAVBAR SUPERIOR (TAILADMIN HEADER)
   ========================================================= */
body.dark-mode .main-header.navbar {
    background-color: #101828 !important;
    border-bottom: 1px solid #1f2937 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .main-header.navbar .nav-link,
body.dark-mode .main-header.navbar b,
body.dark-mode .main-header.navbar a {
    color: #98a2b3 !important;
}

body.dark-mode .main-header.navbar .nav-link:hover,
body.dark-mode .main-header.navbar a:hover {
    color: #ffffff !important;
}

body.dark-mode .main-footer {
    background-color: #101828 !important;
    border-top: 1px solid #1f2937 !important;
    color: #667085 !important;
}

body.dark-mode .main-footer strong,
body.dark-mode .main-footer a {
    color: #98a2b3 !important;
}

/* Botón Theme Toggle */
.theme-toggle-nav-btn,
.tailadmin-theme-toggle-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
    border: 1px solid #e4e7ec !important;
    background: #ffffff !important;
    color: #475467 !important;
}

.theme-toggle-nav-btn:hover,
.tailadmin-theme-toggle-btn:hover {
    background: #f2f4f7 !important;
    color: #101828 !important;
}

body.dark-mode .theme-toggle-nav-btn,
body.dark-mode .tailadmin-theme-toggle-btn {
    background: #101828 !important;
    border: 1px solid #1f2937 !important;
    color: #98a2b3 !important;
}

body.dark-mode .theme-toggle-nav-btn:hover,
body.dark-mode .tailadmin-theme-toggle-btn:hover {
    background: #1a2231 !important;
    border-color: #344054 !important;
    color: #ffffff !important;
}

/* Dropdown Menus */
body.dark-mode .dropdown-menu {
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .dropdown-item {
    color: #98a2b3 !important;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #1a2231 !important;
    color: #ffffff !important;
}

body.dark-mode .dropdown-divider {
    border-top: 1px solid #1f2937 !important;
}

/* =========================================================
   4. SIDEBAR LATERAL (TAILADMIN SIDEBAR)
   ========================================================= */
body.dark-mode .main-sidebar,
body.dark-mode .main-sidebar.sidebar-dark-primary {
    background-color: #0c111d !important;
    border-right: 1px solid #1f2937 !important;
}

body.dark-mode .main-sidebar .brand-link {
    background-color: #0c111d !important;
    border-bottom: 1px solid #1f2937 !important;
    color: #ffffff !important;
}

body.dark-mode .main-sidebar .user-panel {
    border-bottom: 1px solid #1f2937 !important;
}

body.dark-mode .main-sidebar .user-panel a {
    color: #98a2b3 !important;
}

body.dark-mode .sidebar .nav-sidebar .nav-item .nav-link {
    color: #98a2b3 !important;
    border-radius: 8px !important;
    margin: 2px 10px !important;
    transition: all 0.15s ease-in-out !important;
}

body.dark-mode .sidebar .nav-sidebar .nav-item .nav-link:hover {
    background-color: #1a2231 !important;
    color: #ffffff !important;
}

body.dark-mode .sidebar .nav-sidebar .nav-item .nav-link.active,
body.dark-mode .sidebar .nav-sidebar .nav-item.menu-open > .nav-link {
    background-color: rgba(70, 95, 255, 0.15) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

body.dark-mode .sidebar .nav-sidebar .nav-item .nav-link.active i,
body.dark-mode .sidebar .nav-sidebar .nav-item.menu-open > .nav-link i {
    color: #465fff !important;
}

/* =========================================================
   5. HERO BANNERS & CABECERAS (ELIMINACIÓN DE BANNERS BLANCOS)
   ========================================================= */
body.dark-mode .pup-hero,
body.dark-mode .pbp-hero,
body.dark-mode .pupd-hero,
body.dark-mode .pupd-hero-main,
body.dark-mode .up-header-card,
body.dark-mode .up-header-card-flat,
body.dark-mode .pup-header-card,
body.dark-mode .pbp-header-card,
body.dark-mode .pp-header-card,
body.dark-mode .pp-header-card-flat,
body.dark-mode .ucp-header-card,
body.dark-mode .card-header,
body.dark-mode .modal-header,
body.dark-mode .pbp-detail-header,
body.dark-mode .pupd-panel-head {
    background: #101828 !important;
    background-color: #101828 !important;
    background-image: none !important;
    border: 1px solid #1f2937 !important;
    border-bottom: 1px solid #1f2937 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

body.dark-mode .pup-hero h1,
body.dark-mode .pbp-hero h1,
body.dark-mode .pupd-hero h1,
body.dark-mode .pup-title,
body.dark-mode .pbp-title,
body.dark-mode .up-title,
body.dark-mode .pp-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body.dark-mode .pup-eyebrow,
body.dark-mode .pbp-eyebrow,
body.dark-mode .pupd-eyebrow,
body.dark-mode .up-eyebrow,
body.dark-mode .pp-eyebrow {
    background: rgba(70, 95, 255, 0.15) !important;
    color: #7592ff !important;
    border: 1px solid rgba(70, 95, 255, 0.25) !important;
}

body.dark-mode .pup-header-icon,
body.dark-mode .pbp-header-icon,
body.dark-mode .pbp-summary-icon,
body.dark-mode .pup-summary-icon {
    background: rgba(70, 95, 255, 0.15) !important;
    color: #7592ff !important;
}

/* =========================================================
   6. CONTENEDORES, CARDS Y PANELES (CERO FONDOS BLANCOS)
   ========================================================= */
body.dark-mode .pbp-index-card,
body.dark-mode .pup-index-card,
body.dark-mode .up-index-card,
body.dark-mode .pp-index-card,
body.dark-mode .pbp-panel,
body.dark-mode .pup-panel,
body.dark-mode .pupd-panel,
body.dark-mode .pbp-table-card,
body.dark-mode .pp-table-card,
body.dark-mode .up-table-card,
body.dark-mode .up-form-card,
body.dark-mode .up-form-section,
body.dark-mode .pp-form-card,
body.dark-mode .pp-filter-form,
body.dark-mode .pp-filter-card,
body.dark-mode .up-filter-card,
body.dark-mode .pp-actions-card,
body.dark-mode .pp-amount-card,
body.dark-mode .pp-check-card,
body.dark-mode .pp-confirm-box,
body.dark-mode .pp-order-panel,
body.dark-mode .pp-rule-config-card,
body.dark-mode .pp-rule-config-card-legacy,
body.dark-mode .pp-rule-row,
body.dark-mode .pp-rule-row-legacy,
body.dark-mode .pp-search-panel,
body.dark-mode .pp-shipping-panel,
body.dark-mode .pp-upload-panel,
body.dark-mode .pp-upload-zone,
body.dark-mode .pp-withdrawal-panel,
body.dark-mode .pp-user-summary,
body.dark-mode .pp-user-qr-panel,
body.dark-mode .pp-transaction-validation,
body.dark-mode .pp-payment-breakdown,
body.dark-mode .pbp-level-card,
body.dark-mode .pbp-loading-card,
body.dark-mode .pbp-check-card,
body.dark-mode .pup-level-card,
body.dark-mode .pup-loading-card,
body.dark-mode .pup-overlay-card,
body.dark-mode .pupd-kpi,
body.dark-mode .pupd-level-card,
body.dark-mode .pupd-loading-card,
body.dark-mode .rcp-summary-card,
body.dark-mode .rie-summary-card,
body.dark-mode .rup-summary-card,
body.dark-mode .inv-summary-card,
body.dark-mode .ucp-radio-card,
body.dark-mode .ucp-footer-actions,
body.dark-mode .ucp-section,
body.dark-mode .rb-modal-content,
body.dark-mode .rb-modal-body,
body.dark-mode .rb-verify-section,
body.dark-mode .card,
body.dark-mode .card-body,
body.dark-mode .info-box {
    background: #101828 !important;
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    border-color: #1f2937 !important;
    color: #f2f4f7 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode .card-footer,
body.dark-mode .pp-modal-footer,
body.dark-mode .inv-modal-footer,
body.dark-mode .rb-modal-footer {
    background: #101828 !important;
    background-color: #101828 !important;
    border-top: 1px solid #1f2937 !important;
}

body.dark-mode .pbp-toolbar,
body.dark-mode .pup-toolbar,
body.dark-mode .up-index-block,
body.dark-mode .pup-index-block,
body.dark-mode .pbp-index-block,
body.dark-mode .pp-index-block,
body.dark-mode .up-form-body {
    background: transparent !important;
    border-color: #1f2937 !important;
}

/* Tarjetas de Resumen KPI */
body.dark-mode .pbp-summary-card,
body.dark-mode .pup-summary-card {
    background: #101828 !important;
    border: 1px solid #1f2937 !important;
}

body.dark-mode .pbp-summary-card strong,
body.dark-mode .pup-summary-card strong {
    color: #ffffff !important;
}

body.dark-mode .pbp-summary-card small,
body.dark-mode .pup-summary-card small {
    color: #98a2b3 !important;
}

/* =========================================================
   7. INPUTS, ICONOS PREPEND Y FORMULARIOS
   ========================================================= */
/* Cajas de iconos prepend / append en inputs */
body.dark-mode .pp-input-icon span,
body.dark-mode .input-group-prepend .input-group-text,
body.dark-mode .input-group-append .input-group-text,
body.dark-mode .input-group-text,
body.dark-mode .up-phone-group .input-group-text {
    background: #1a2231 !important;
    background-color: #1a2231 !important;
    border: 1px solid #1f2937 !important;
    border-right: 0 !important;
    color: #7592ff !important;
}

body.dark-mode .pp-input-icon .form-control,
body.dark-mode .input-group > .form-control:not(:first-child) {
    border-left: 0 !important;
    border-radius: 0 12px 12px 0 !important;
}

body.dark-mode .up-input-icon i,
body.dark-mode .pp-input-icon i,
body.dark-mode .pbp-search-wrap i,
body.dark-mode .pup-search-wrap i {
    color: #98a2b3 !important;
}

/* Inputs de texto, selectores y buscadores */
body.dark-mode .form-control,
body.dark-mode input.form-control,
body.dark-mode select.form-control,
body.dark-mode textarea.form-control,
body.dark-mode .pbp-search-wrap input,
body.dark-mode #pbpTableSearch,
body.dark-mode .pup-search-wrap input,
body.dark-mode .pupd-search input,
body.dark-mode .pupd-level-search input,
body.dark-mode .up-index-page .form-control,
body.dark-mode .up-form-page .form-control,
body.dark-mode .distributor-intro,
body.dark-mode .intro,
body.dark-mode .pp-textarea,
body.dark-mode .dataTables_wrapper .dataTables_filter input,
body.dark-mode .dataTables_wrapper .dataTables_length select {
    background: #101828 !important;
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    border-color: #1f2937 !important;
    color: #ffffff !important;
}

body.dark-mode .form-control::placeholder,
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder,
body.dark-mode .pbp-search-wrap input::placeholder,
body.dark-mode #pbpTableSearch::placeholder {
    color: #667085 !important;
    opacity: 1 !important;
}

body.dark-mode .form-control:focus,
body.dark-mode input.form-control:focus,
body.dark-mode select.form-control:focus,
body.dark-mode textarea.form-control:focus,
body.dark-mode .pbp-search-wrap input:focus,
body.dark-mode #pbpTableSearch:focus,
body.dark-mode .pup-search-wrap input:focus,
body.dark-mode .pupd-search input:focus,
body.dark-mode .pupd-level-search input:focus,
body.dark-mode .up-index-page .form-control:focus,
body.dark-mode .up-form-page .form-control:focus,
body.dark-mode .dataTables_wrapper .dataTables_filter input:focus {
    background: #162032 !important;
    background-color: #162032 !important;
    border-color: #465fff !important;
    box-shadow: 0 0 0 3px rgba(70, 95, 255, 0.25) !important;
    color: #ffffff !important;
    outline: none !important;
}

/* Labels de formularios */
body.dark-mode .pp-field label,
body.dark-mode .up-label,
body.dark-mode .pp-label,
body.dark-mode .ucp-label,
body.dark-mode .form-label,
body.dark-mode label,
body.dark-mode .control-label,
body.dark-mode .col-form-label,
body.dark-mode .pp-amount-label {
    color: #cbd5e1 !important;
    font-weight: 600 !important;
}

/* Select2 Plugin */
body.dark-mode .select2-container--bootstrap4 .select2-selection,
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    color: #f2f4f7 !important;
}

body.dark-mode .select2-container--bootstrap4.select2-container--focus .select2-selection,
body.dark-mode .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #465fff !important;
    box-shadow: 0 0 0 3px rgba(70, 95, 255, 0.25) !important;
}

body.dark-mode .select2-selection__rendered,
body.dark-mode .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #f2f4f7 !important;
}

body.dark-mode .select2-selection__arrow b,
body.dark-mode .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    border-color: #98a2b3 transparent transparent transparent !important;
}

body.dark-mode .select2-dropdown {
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .select2-search__field {
    background-color: #1a2231 !important;
    border: 1px solid #344054 !important;
    color: #ffffff !important;
}

body.dark-mode .select2-results__option {
    background-color: #101828 !important;
    color: #f2f4f7 !important;
}

body.dark-mode .select2-results__option--highlighted {
    background-color: #465fff !important;
    color: #ffffff !important;
}

body.dark-mode .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #1a2231 !important;
    color: #ffffff !important;
}

/* =========================================================
   8. TABLAS COMPLETAS Y CELDAS DE DATOS
   ========================================================= */
body.dark-mode .up-table-responsive,
body.dark-mode .pup-table-responsive,
body.dark-mode .pbp-table-wrap,
body.dark-mode .pp-table-responsive,
body.dark-mode .pupd-table-wrap,
body.dark-mode .pupd-table-scroll,
body.dark-mode .table-responsive {
    background: #101828 !important;
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    border-color: #1f2937 !important;
}

body.dark-mode .table,
body.dark-mode .up-table,
body.dark-mode .up-table-distributors,
body.dark-mode .pup-table,
body.dark-mode .pbp-table,
body.dark-mode .pp-table,
body.dark-mode .pupd-table,
body.dark-mode table.dataTable {
    background-color: #101828 !important;
    color: #f2f4f7 !important;
    border-color: #1f2937 !important;
}

/* Cabeceras de Tablas (Dark Slate Surface) */
body.dark-mode .table thead th,
body.dark-mode .up-table thead th,
body.dark-mode .up-table-distributors thead th,
body.dark-mode .pup-table thead th,
body.dark-mode .pbp-table thead th,
body.dark-mode .pp-table thead th,
body.dark-mode .pupd-table thead th,
body.dark-mode table.dataTable thead th,
body.dark-mode .pbp-mini-table th,
body.dark-mode .pup-mini-table th {
    background: #1a2231 !important;
    background-color: #1a2231 !important;
    color: #f2f4f7 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #1f2937 !important;
    border-color: #1f2937 !important;
    font-weight: 700 !important;
}

/* Celdas de Tablas (Body Rows) */
body.dark-mode .table tbody td,
body.dark-mode .table td,
body.dark-mode .up-table tbody td,
body.dark-mode .up-table-distributors tbody td,
body.dark-mode .pup-table tbody td,
body.dark-mode .pbp-table tbody td,
body.dark-mode .pp-table tbody td,
body.dark-mode .pupd-table tbody td,
body.dark-mode table.dataTable tbody td {
    background: #101828 !important;
    background-color: #101828 !important;
    color: #f2f4f7 !important;
    border-top: 1px solid #1f2937 !important;
    border-bottom: 0 !important;
    border-color: #1f2937 !important;
}

/* Hover de Filas Interactivas */
body.dark-mode .table tbody tr:hover td,
body.dark-mode .up-table tbody tr:hover td,
body.dark-mode .up-table-distributors tbody tr:hover td,
body.dark-mode .pup-table tbody tr:hover td,
body.dark-mode .pbp-table tbody tr:hover td,
body.dark-mode .pp-table tbody tr:hover td,
body.dark-mode .pp-table tbody tr:hover,
body.dark-mode .pupd-table tbody tr:hover td,
body.dark-mode table.dataTable tbody tr:hover td,
body.dark-mode .table-hover tbody tr:hover {
    background: #1d2939 !important;
    background-color: #1d2939 !important;
    color: #ffffff !important;
}

/* Filas Zebra / Alternadas */
body.dark-mode .table-striped tbody tr:nth-of-type(odd) td {
    background: #141e30 !important;
    background-color: #141e30 !important;
}

/* Filas de Pago Resaltadas */
body.dark-mode .pbp-table tbody tr.has-payment td {
    background-color: #101828 !important;
    background-image: linear-gradient(rgba(18, 183, 106, 0.1), rgba(18, 183, 106, 0.1)) !important;
}

/* Nombres de usuario y textos en celdas (Cero Textos Oscuros Ilegibles) */
body.dark-mode .pp-main-user,
body.dark-mode .up-user-name,
body.dark-mode .pp-package-name,
body.dark-mode .pp-rank-name,
body.dark-mode .pp-table tbody td,
body.dark-mode .pp-table strong,
body.dark-mode .pp-data-row strong,
body.dark-mode .pp-detail-cell,
body.dark-mode .pp-cell-amount strong,
body.dark-mode .pp-cell-points strong,
body.dark-mode .pp-cell-data-list > div,
body.dark-mode .pp-cell-data-list > div > strong,
body.dark-mode .pp-cell-user .pp-cell-primary,
body.dark-mode .pp-cell-secondary,
body.dark-mode .pp-cell-label {
    color: #f2f4f7 !important;
}

body.dark-mode .pp-main-user,
body.dark-mode .up-user-name {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body.dark-mode .up-balance-normal,
body.dark-mode .pbp-amount,
body.dark-mode .pupd-money,
body.dark-mode .pp-money,
body.dark-mode .inv-row-total {
    color: #f2f4f7 !important;
    font-weight: 700 !important;
}

body.dark-mode .pbp-id-link,
body.dark-mode .pbp-back-link,
body.dark-mode .pupd-back,
body.dark-mode .up-sponsor-cell a,
body.dark-mode .up-wallet-mini {
    color: #7592ff !important;
}

body.dark-mode .pbp-id-link:hover,
body.dark-mode .up-sponsor-cell a:hover {
    color: #a4b8ff !important;
}

/* =========================================================
   9. PÍLDORAS, BADGES Y ESTADOS
   ========================================================= */
/* Píldoras de Códigos, Fechas y Métricas Neutrales */
body.dark-mode .pp-code,
body.dark-mode .up-code-pill,
body.dark-mode .up-metric-pill,
body.dark-mode .up-date-pill,
body.dark-mode .rcp-date-pill,
body.dark-mode .rie-date-pill,
body.dark-mode .pup-data-pill,
body.dark-mode .pup-metric-pill,
body.dark-mode .pbp-metric-pill,
body.dark-mode .pp-metric-pill,
body.dark-mode .pupd-code,
body.dark-mode .pupd-date,
body.dark-mode .pup-year-pill,
body.dark-mode .pup-month-pill {
    background: #1a2231 !important;
    background-color: #1a2231 !important;
    border: 1px solid #344054 !important;
    color: #cbd5e1 !important;
    font-weight: 600 !important;
}

/* Píldoras de Fecha con Advertencia / Peligro */
body.dark-mode .up-date-pill-danger {
    background: rgba(240, 68, 56, 0.15) !important;
    color: #f87171 !important;
    border: 1px solid rgba(240, 68, 56, 0.3) !important;
}

/* Píldoras Primarias de Marca y Badges Azules */
body.dark-mode .pp-badge-blue,
body.dark-mode .up-code-soft,
body.dark-mode .up-type-pill,
body.dark-mode .pbp-user-pill,
body.dark-mode .pup-user-pill,
body.dark-mode .pup-tier-pill,
body.dark-mode .pupd-type-pill {
    background: rgba(70, 95, 255, 0.15) !important;
    color: #7592ff !important;
    border: 1px solid rgba(70, 95, 255, 0.25) !important;
}

/* Píldoras Moradas (Rangos) */
body.dark-mode .pbp-rank-pill,
body.dark-mode .pup-rank-pill,
body.dark-mode .pupd-status-pill {
    background: rgba(124, 58, 237, 0.15) !important;
    color: #c4b5fd !important;
    border: 1px solid rgba(124, 58, 237, 0.25) !important;
}

/* Píldoras de Conteo / Éxito */
body.dark-mode .pbp-count-pill,
body.dark-mode .pup-count-pill {
    background: rgba(18, 183, 106, 0.15) !important;
    color: #34d399 !important;
    border: 1px solid rgba(18, 183, 106, 0.25) !important;
}

/* Badges de Estado Semánticos */
body.dark-mode .badge-success,
body.dark-mode .bg-success,
body.dark-mode .up-status-wrap.badge-success,
body.dark-mode .up-status-wrap.bg-success,
body.dark-mode .up-status-wallet.badge-success,
body.dark-mode .up-status-wallet.bg-success,
body.dark-mode .pbp-status.is-paid,
body.dark-mode .pup-status.is-paid {
    background: rgba(18, 183, 106, 0.15) !important;
    color: #34d399 !important;
    border: 1px solid rgba(18, 183, 106, 0.3) !important;
}

body.dark-mode .badge-danger,
body.dark-mode .bg-danger,
body.dark-mode .up-status-wrap.badge-danger,
body.dark-mode .up-status-wrap.bg-danger,
body.dark-mode .up-status-wallet.badge-danger,
body.dark-mode .up-status-wallet.bg-danger,
body.dark-mode .pbp-status.is-error,
body.dark-mode .pup-status.is-error {
    background: rgba(240, 68, 56, 0.15) !important;
    color: #f87171 !important;
    border: 1px solid rgba(240, 68, 56, 0.3) !important;
}

body.dark-mode .badge-warning,
body.dark-mode .bg-warning,
body.dark-mode .up-status-wrap.badge-warning,
body.dark-mode .up-status-wrap.bg-warning,
body.dark-mode .up-status-wallet.badge-warning,
body.dark-mode .up-status-wallet.bg-warning,
body.dark-mode .pbp-status.is-pending,
body.dark-mode .pup-status.is-pending,
body.dark-mode .pp-badge-warning {
    background: rgba(247, 144, 9, 0.15) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(247, 144, 9, 0.3) !important;
}

body.dark-mode .badge-secondary,
body.dark-mode .bg-secondary,
body.dark-mode .up-status-wrap.badge-secondary,
body.dark-mode .up-status-wrap.bg-secondary,
body.dark-mode .up-status-wallet.badge-secondary,
body.dark-mode .up-status-wallet.bg-secondary {
    background: #1a2231 !important;
    color: #98a2b3 !important;
    border: 1px solid #344054 !important;
}

/* =========================================================
   10. BOTONES Y ACCIONES
   ========================================================= */
/* Botones Claros / Secundarios (Limpiar, Volver, Cancelar) */
body.dark-mode .up-btn-light,
body.dark-mode .pp-btn-light,
body.dark-mode .btn-light,
body.dark-mode .btn-default,
body.dark-mode .btn-secondary,
body.dark-mode .ucp-btn-light {
    background: #1a2231 !important;
    background-color: #1a2231 !important;
    border: 1px solid #344054 !important;
    color: #f2f4f7 !important;
}

body.dark-mode .up-btn-light:hover,
body.dark-mode .pp-btn-light:hover,
body.dark-mode .btn-light:hover,
body.dark-mode .btn-default:hover,
body.dark-mode .btn-secondary:hover,
body.dark-mode .ucp-btn-light:hover {
    background: #1d2939 !important;
    border-color: #475467 !important;
    color: #ffffff !important;
}

/* Botón Colapsar / Desplegar Filtros */
body.dark-mode .up-filter-toggle-btn.is-collapsed {
    background: rgba(70, 95, 255, 0.15) !important;
    color: #7592ff !important;
    border: 1px solid rgba(70, 95, 255, 0.3) !important;
}

/* Botones Suaves de Exportación */
body.dark-mode .up-btn-success-soft,
body.dark-mode .pbp-btn-excel,
body.dark-mode .pup-btn-excel,
body.dark-mode .pp-btn-soft {
    background: rgba(18, 183, 106, 0.15) !important;
    border: 1px solid rgba(18, 183, 106, 0.3) !important;
    color: #34d399 !important;
}

body.dark-mode .up-btn-success-soft:hover,
body.dark-mode .pbp-btn-excel:hover,
body.dark-mode .pup-btn-excel:hover,
body.dark-mode .pp-btn-soft:hover {
    background: #12b76a !important;
    color: #ffffff !important;
}

/* Botones Primarios TailAdmin */
body.dark-mode .up-btn-primary,
body.dark-mode .btn-primary,
body.dark-mode .pp-btn-primary {
    background: #465fff !important;
    border-color: #465fff !important;
    color: #ffffff !important;
}

body.dark-mode .up-btn-primary:hover,
body.dark-mode .btn-primary:hover,
body.dark-mode .pp-btn-primary:hover {
    background: #3641f5 !important;
    border-color: #3641f5 !important;
}

/* Botones Éxito */
body.dark-mode .up-btn-success,
body.dark-mode .btn-success,
body.dark-mode .pp-btn-success,
body.dark-mode .pbp-btn-pay,
body.dark-mode .pup-btn-pay {
    background: #12b76a !important;
    border-color: #12b76a !important;
    color: #ffffff !important;
}

body.dark-mode .up-btn-success:hover,
body.dark-mode .btn-success:hover,
body.dark-mode .pp-btn-success:hover,
body.dark-mode .pbp-btn-pay:hover,
body.dark-mode .pup-btn-pay:hover {
    background: #0e9355 !important;
}

/* Botones de Acción Redondos / Cuadrados en Tablas */
body.dark-mode .up-action-btn,
body.dark-mode .pup-action-btn,
body.dark-mode .pp-action-btn {
    background: #1a2231 !important;
    border: 1px solid #344054 !important;
    color: #f2f4f7 !important;
}

body.dark-mode .up-action-btn:hover,
body.dark-mode .pup-action-btn:hover,
body.dark-mode .pp-action-btn:hover {
    background: #1d2939 !important;
    color: #ffffff !important;
}

body.dark-mode .up-action-warning,
body.dark-mode .pup-action-warning {
    color: #fbbf24 !important;
}

/* =========================================================
   11. PAGINACIÓN Y ELEMENTOS DE DATATABLES
   ========================================================= */
body.dark-mode .pagination .page-link,
body.dark-mode .up-pagination-links .page-link,
body.dark-mode .pp-pagination-links .page-link,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #101828 !important;
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    color: #98a2b3 !important;
}

body.dark-mode .pagination .page-item.active .page-link,
body.dark-mode .up-pagination-links .page-item.active .page-link,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #465fff !important;
    background-color: #465fff !important;
    border-color: #465fff !important;
    color: #ffffff !important;
}

body.dark-mode .pagination .page-item.disabled .page-link,
body.dark-mode .up-pagination-links .page-item.disabled .page-link {
    background: #141e30 !important;
    border-color: #1f2937 !important;
    color: #667085 !important;
}

body.dark-mode .pagination .page-link:hover,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #1a2231 !important;
    border-color: #344054 !important;
    color: #ffffff !important;
}

body.dark-mode .dataTables_wrapper .dataTables_info,
body.dark-mode .dataTables_wrapper .dataTables_filter label,
body.dark-mode .dataTables_wrapper .dataTables_length label {
    color: #98a2b3 !important;
}

/* =========================================================
   12. MODALES Y OVERLAYS
   ========================================================= */
body.dark-mode .modal-content {
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    color: #f2f4f7 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .modal-header {
    border-bottom: 1px solid #1f2937 !important;
}

body.dark-mode .modal-footer {
    border-top: 1px solid #1f2937 !important;
}

body.dark-mode .modal-title {
    color: #ffffff !important;
}

body.dark-mode .close {
    color: #98a2b3 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.dark-mode .close:hover {
    color: #ffffff !important;
}

/* =========================================================
   13. REGLAS DE SEGURIDAD GLOBAL (PROTECCIÓN TOTAL ANTI-BLANCO)
   ========================================================= */
body.dark-mode .bg-white,
body.dark-mode .bg-light,
body.dark-mode .table-white {
    background-color: #101828 !important;
    color: #f2f4f7 !important;
}

body.dark-mode .text-dark,
body.dark-mode .text-black {
    color: #f2f4f7 !important;
}

body.dark-mode .border-light,
body.dark-mode .border-white {
    border-color: #1f2937 !important;
}

body.dark-mode hr {
    border-top-color: #1f2937 !important;
}

/* Scrollbars Slim Estilo TailAdmin */
body.dark-mode ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #0c111d;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #344054;
    border-radius: 9999px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #475467;
}

/* =========================================================
   14. COBERTURA TOTAL MODULOS ESPECIFICOS (TAILADMIN ULTIMATE)
   ========================================================= */
/* =========================================================
   14. COBERTURA TOTAL MODULOS ESPECIFICOS (TAILADMIN ULTIMATE)
   ========================================================= */

/* ---------------------------------------------------------
   A. KPI & SUMMARY CARDS (Comprobantes, Existencias, Usuarios, Inventario)
   --------------------------------------------------------- */
body.dark-mode .rcp-summary-block,
body.dark-mode .rie-summary-block,
body.dark-mode .rup-summary-block {
    background: transparent !important;
    border-color: #1f2937 !important;
}

body.dark-mode .rcp-summary-card,
body.dark-mode .rie-summary-card,
body.dark-mode .rup-summary-card,
body.dark-mode .inv-summary-card,
body.dark-mode .pupd-kpi,
body.dark-mode .pupd-panel {
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}

/* CRITICAL FIX: NUMEROS DE METRICAS VISIBLES EN BLANCO BRILLANTE */
body.dark-mode .rcp-summary-card strong,
body.dark-mode .rie-summary-card strong,
body.dark-mode .rup-summary-content strong,
body.dark-mode .inv-summary-card strong,
body.dark-mode .pupd-kpi strong,
body.dark-mode .pp-rule-summary-item strong {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

body.dark-mode .rcp-summary-card span:not(.rcp-summary-icon),
body.dark-mode .rie-summary-card span:not(.rie-summary-icon),
body.dark-mode .rup-summary-content span {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}

/* Iconos de las tarjetas de métricas en fondos oscuros con tinte */
body.dark-mode .rcp-blue .rcp-summary-icon,
body.dark-mode .rie-summary-blue .rcp-summary-icon,
body.dark-mode .rie-summary-blue .rie-summary-icon,
body.dark-mode .rup-summary-primary .rup-summary-icon,
body.dark-mode .rup-summary-blue .rup-summary-icon {
    background: rgba(70, 95, 255, 0.15) !important;
    color: #7592ff !important;
    border: 1px solid rgba(70, 95, 255, 0.3) !important;
}

body.dark-mode .rcp-success .rcp-summary-icon,
body.dark-mode .rie-summary-success .rie-summary-icon,
body.dark-mode .rup-summary-success .rup-summary-icon {
    background: rgba(18, 183, 106, 0.15) !important;
    color: #12b76a !important;
    border: 1px solid rgba(18, 183, 106, 0.3) !important;
}

body.dark-mode .rcp-warning .rcp-summary-icon,
body.dark-mode .rie-summary-warning .rie-summary-icon,
body.dark-mode .rup-summary-warning .rup-summary-icon {
    background: rgba(247, 144, 9, 0.15) !important;
    color: #f79009 !important;
    border: 1px solid rgba(247, 144, 9, 0.3) !important;
}

body.dark-mode .rcp-danger .rcp-summary-icon,
body.dark-mode .rie-summary-danger .rie-summary-icon,
body.dark-mode .rup-summary-danger .rup-summary-icon {
    background: rgba(240, 68, 56, 0.15) !important;
    color: #f04438 !important;
    border: 1px solid rgba(240, 68, 56, 0.3) !important;
}

body.dark-mode .rcp-purple .rcp-summary-icon,
body.dark-mode .rie-summary-purple .rie-summary-icon,
body.dark-mode .rup-summary-purple .rup-summary-icon {
    background: rgba(168, 85, 247, 0.15) !important;
    color: #c084fc !important;
    border: 1px solid rgba(168, 85, 247, 0.3) !important;
}

body.dark-mode .rcp-slate .rcp-summary-icon,
body.dark-mode .rie-summary-slate .rie-summary-icon,
body.dark-mode .rup-summary-muted .rup-summary-icon {
    background: rgba(148, 163, 184, 0.15) !important;
    color: #94a3b8 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

/* ---------------------------------------------------------
   B. FILTROS Y ACORDEONES (Reportes Contabilidad, Inventario)
   --------------------------------------------------------- */
body.dark-mode .rcp-filter-header h5,
body.dark-mode .rie-filter-header h5 {
    color: #ffffff !important;
}

body.dark-mode .rcp-filter-header p,
body.dark-mode .rie-filter-header p {
    color: #94a3b8 !important;
}

body.dark-mode .rcp-filter-toggle,
body.dark-mode .rie-filter-toggle {
    background-color: #1a2231 !important;
    border: 1px solid #2e394b !important;
    color: #ffffff !important;
}

body.dark-mode .rcp-filter-toggle.is-collapsed,
body.dark-mode .rie-filter-toggle.is-collapsed {
    background-color: #162032 !important;
    border-color: #1f2937 !important;
    color: #7592ff !important;
}

body.dark-mode #comprobantesReportFilters.show,
body.dark-mode #existenciasReportFilters.show {
    border-top: 1px solid #1f2937 !important;
}

/* ---------------------------------------------------------
   C. RETIROS EN CAJA Y PANELES DE BUSQUEDA CENTRADOS
   --------------------------------------------------------- */
body.dark-mode .pp-search-panel,
body.dark-mode .pp-withdrawal-panel,
body.dark-mode .pp-user-summary,
body.dark-mode .pp-detail-body {
    background: #101828 !important;
    border-color: #1f2937 !important;
    color: #f2f4f7 !important;
}

/* Eliminación total del cuadro blanco en la búsqueda */
body.dark-mode .pp-search-box,
body.dark-mode .pp-amount-card,
body.dark-mode .pp-shipping-panel,
body.dark-mode .pp-proof-panel,
body.dark-mode .pp-info-panel,
body.dark-mode .pp-order-panel,
body.dark-mode .pp-transaction-validation,
body.dark-mode .pp-rule-config-card {
    background-color: #162032 !important;
    border: 1px solid #1f2937 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .pp-search-box label,
body.dark-mode .pp-field label,
body.dark-mode .pp-label,
body.dark-mode .ucp-label,
body.dark-mode .up-label {
    color: #cbd5e1 !important;
    font-weight: 600 !important;
}

/* Prepend de iconos en inputs: icono e input 100% integrados */
body.dark-mode .pp-input-icon span {
    background-color: #1a2231 !important;
    border: 1px solid #1f2937 !important;
    border-right: 0 !important;
    color: #7592ff !important;
}

body.dark-mode .pp-input-icon span i,
body.dark-mode .pp-input-icon i {
    color: #7592ff !important;
}

body.dark-mode .pp-input-icon input,
body.dark-mode .pp-input-icon select,
body.dark-mode .pp-field .form-control {
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
    color: #ffffff !important;
}

body.dark-mode .pp-input-icon input:focus,
body.dark-mode .pp-input-icon select:focus,
body.dark-mode .pp-field .form-control:focus {
    background-color: #162032 !important;
    border-color: #465fff !important;
    box-shadow: 0 0 0 3px rgba(70, 95, 255, 0.25) !important;
    color: #ffffff !important;
}

/* Botones secundarios / limpiezas */
body.dark-mode .pp-btn-light,
body.dark-mode .ucp-btn-light,
body.dark-mode .up-btn-light {
    background-color: #1a2231 !important;
    border: 1px solid #2e394b !important;
    color: #f2f4f7 !important;
}

body.dark-mode .pp-btn-light:hover,
body.dark-mode .ucp-btn-light:hover,
body.dark-mode .up-btn-light:hover {
    background-color: #243044 !important;
    border-color: #3b4b66 !important;
    color: #ffffff !important;
}

/* Items de información y valores en Retiros */
body.dark-mode .pp-info-item {
    background-color: #162032 !important;
    border: 1px solid #1f2937 !important;
    color: #f2f4f7 !important;
}

body.dark-mode .pp-info-label {
    color: #94a3b8 !important;
}

body.dark-mode .pp-info-value,
body.dark-mode .pp-info-item strong,
body.dark-mode .pp-amount-label {
    color: #ffffff !important;
}

body.dark-mode .pp-info-item-balance {
    background: rgba(18, 183, 106, 0.12) !important;
    border-color: rgba(18, 183, 106, 0.3) !important;
}

body.dark-mode .pp-balance-amount {
    color: #12b76a !important;
}

/* Montos e inputs en Retiros de Caja */
body.dark-mode .pp-amount-group {
    background-color: #101828 !important;
    border: 1px solid #1f2937 !important;
}

body.dark-mode .pp-amount-prefix {
    background-color: #1a2231 !important;
    border-right: 1px solid #1f2937 !important;
    color: #7592ff !important;
}

body.dark-mode .pp-amount-input {
    color: #ffffff !important;
    background: transparent !important;
}

body.dark-mode .pp-amount-subtitle {
    color: #94a3b8 !important;
}

/* Confirm Box y Modales de Retiro */
body.dark-mode .pp-confirm-box {
    background-color: #162032 !important;
    border: 1px solid #1f2937 !important;
}

body.dark-mode .pp-confirm-box h6 {
    color: #ffffff !important;
}

body.dark-mode .pp-confirm-box p {
    color: #94a3b8 !important;
}

body.dark-mode .pp-confirm-amount {
    background: rgba(18, 183, 106, 0.15) !important;
    color: #12b76a !important;
    border: 1px solid rgba(18, 183, 106, 0.3) !important;
}

/* Upload Drop Panels */
body.dark-mode .pp-upload-panel,
body.dark-mode .pp-shipping-upload-card,
body.dark-mode .pp-user-qr-panel {
    background-color: #162032 !important;
    border: 1px solid #1f2937 !important;
}

body.dark-mode .pp-upload-drop,
body.dark-mode .pp-upload-zone {
    background-color: #101828 !important;
    border: 1.5px dashed #2e394b !important;
    color: #94a3b8 !important;
}

body.dark-mode .pp-upload-drop strong,
body.dark-mode .pp-upload-zone strong,
body.dark-mode .pp-upload-head h6,
body.dark-mode .pp-user-qr-head h6,
body.dark-mode .pp-shipping-upload-head strong {
    color: #ffffff !important;
}

body.dark-mode .pp-upload-drop-icon {
    color: #7592ff !important;
}

body.dark-mode .pp-proof-empty,
body.dark-mode .pp-proof-thumb,
body.dark-mode .pp-proof-image,
body.dark-mode .pp-envio-thumb {
    background-color: #162032 !important;
    border: 1px solid #1f2937 !important;
    color: #94a3b8 !important;
}

body.dark-mode .pp-mini-btn {
    background-color: #1a2231 !important;
    border: 1px solid #2e394b !important;
    color: #f2f4f7 !important;
}

body.dark-mode .pp-mini-btn:hover {
    background-color: #243044 !important;
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   D. TABLAS, BORDES Y TIPOGRAFIA DE DATOS (Comprobantes, Transacciones, Paquetes)
   --------------------------------------------------------- */
body.dark-mode .pp-package-name,
body.dark-mode .up-user-name,
body.dark-mode .pp-main-user,
body.dark-mode .pp-rank-name,
body.dark-mode .rb-user-preview strong,
body.dark-mode .pp-rule-config-category {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body.dark-mode .pp-package-meta,
body.dark-mode .pp-detail-cell {
    color: #94a3b8 !important;
}

body.dark-mode .pp-package-meta strong {
    color: #ffffff !important;
}

/* Valores monetarios legibles en verde TailAdmin Emerald */
body.dark-mode .rcp-money,
body.dark-mode .rie-value,
body.dark-mode .pp-money,
body.dark-mode .up-balance-normal {
    color: #12b76a !important;
    font-weight: 700 !important;
}

body.dark-mode .up-whatsapp-number-link {
    color: #25d366 !important;
}

/* ---------------------------------------------------------
   E. PÍLDORAS DE ESTADO (CERO FONDOS BLANCOS PASTEL)
   --------------------------------------------------------- */
/* Procesado / Éxito / Activo */
body.dark-mode .rcp-status-processed,
body.dark-mode .rcp-delivery-done,
body.dark-mode .pbp-status.is-paid,
body.dark-mode .pbp-badge.is-ok,
body.dark-mode .pp-status-wrap.badge-success,
body.dark-mode .pp-status-wrap.bg-success,
body.dark-mode .pp-status-wrap.text-success,
body.dark-mode .up-status-wrap.badge-success,
body.dark-mode .up-status-wrap.bg-success,
body.dark-mode .up-status-wrap.text-success,
body.dark-mode .pp-detail-status--success,
body.dark-mode .pp-shipping-badge--success,
body.dark-mode .inv-stock-normal,
body.dark-mode .rup-membership-active,
body.dark-mode .rb-modal-alert.rb-success,
body.dark-mode .rb-verify-ok,
body.dark-mode .pp-rule-active,
body.dark-mode .pp-rule-pill-direct,
body.dark-mode .pp-config-pill-complete,
body.dark-mode .pp-rule-new-badge {
    background: rgba(18, 183, 106, 0.15) !important;
    color: #12b76a !important;
    border: 1px solid rgba(18, 183, 106, 0.3) !important;
}

/* Pendiente / Advertencia */
body.dark-mode .rcp-status-pending,
body.dark-mode .rcp-delivery-pending,
body.dark-mode .pbp-status.is-pending,
body.dark-mode .pbp-badge.is-warning,
body.dark-mode .pp-status-wrap.badge-warning,
body.dark-mode .pp-status-wrap.bg-warning,
body.dark-mode .pp-status-wrap.text-warning,
body.dark-mode .up-status-wrap.badge-warning,
body.dark-mode .up-status-wrap.bg-warning,
body.dark-mode .up-status-wrap.text-warning,
body.dark-mode .pp-detail-status--warning,
body.dark-mode .pp-shipping-badge--warning,
body.dark-mode .inv-stock-low,
body.dark-mode .rup-membership-muted,
body.dark-mode .rb-verify-warning,
body.dark-mode .pp-config-pill-warning,
body.dark-mode .pp-upgrade-pill--yes,
body.dark-mode .rb-position-left,
body.dark-mode .pbp-tier-pill.tier-elite {
    background: rgba(247, 144, 9, 0.15) !important;
    color: #f79009 !important;
    border: 1px solid rgba(247, 144, 9, 0.3) !important;
}

/* Anulado / Peligro / Cancelado */
body.dark-mode .rcp-status-cancelled,
body.dark-mode .pbp-badge.is-no,
body.dark-mode .pp-status-wrap.badge-danger,
body.dark-mode .pp-status-wrap.bg-danger,
body.dark-mode .pp-status-wrap.text-danger,
body.dark-mode .up-status-wrap.badge-danger,
body.dark-mode .up-status-wrap.bg-danger,
body.dark-mode .up-status-wrap.text-danger,
body.dark-mode .pp-detail-status--danger,
body.dark-mode .inv-stock-empty,
body.dark-mode .rup-membership-expired,
body.dark-mode .rb-modal-alert.rb-error,
body.dark-mode .rb-verify-error,
body.dark-mode .pp-config-pill-missing,
body.dark-mode .rb-position-right,
body.dark-mode .pbp-tier-pill.tier-inactivo {
    background: rgba(240, 68, 56, 0.15) !important;
    color: #f04438 !important;
    border: 1px solid rgba(240, 68, 56, 0.3) !important;
}

/* Neutral / Muted / Sin Definir */
body.dark-mode .rcp-status-muted,
body.dark-mode .rcp-delivery-muted,
body.dark-mode .pp-status-wrap.badge-secondary,
body.dark-mode .pp-status-wrap.bg-secondary,
body.dark-mode .pp-status-wrap.text-secondary,
body.dark-mode .up-status-wrap.badge-secondary,
body.dark-mode .up-status-wrap.bg-secondary,
body.dark-mode .up-status-wrap.text-secondary,
body.dark-mode .pp-detail-status--muted,
body.dark-mode .inv-stock-unmanaged,
body.dark-mode .rup-membership-empty,
body.dark-mode .pp-rule-inactive,
body.dark-mode .pp-upgrade-pill--normal,
body.dark-mode .pbp-tier-pill {
    background: rgba(148, 163, 184, 0.15) !important;
    color: #94a3b8 !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
}

/* Código y Tipo de Paquete / Píldoras Azules */
body.dark-mode .rcp-code-pill,
body.dark-mode .rcp-type-pill,
body.dark-mode .rie-unit-pill,
body.dark-mode .rup-type-distributor,
body.dark-mode .pbp-tier-pill.tier-standard,
body.dark-mode .pp-rule-pill-rules,
body.dark-mode .pp-type-pill {
    background: rgba(70, 95, 255, 0.15) !important;
    color: #7592ff !important;
    border: 1px solid rgba(70, 95, 255, 0.3) !important;
}

/* Fechas en tablas */
body.dark-mode .rcp-date-pill,
body.dark-mode .rie-date-pill {
    background: #1a2231 !important;
    color: #94a3b8 !important;
    border: 1px solid #1f2937 !important;
}

/* Paginaciones */
body.dark-mode .pp-pagination-links .page-link,
body.dark-mode .dataTables_paginate .paginate_button {
    background: #162032 !important;
    border-color: #1f2937 !important;
    color: #f2f4f7 !important;
}

body.dark-mode .pp-pagination-links .page-item.active .page-link,
body.dark-mode .dataTables_paginate .paginate_button.current {
    background: #465fff !important;
    border-color: #465fff !important;
    color: #ffffff !important;
}