/* Sistema de variables de tema. Los colores de marca (#1565C0, #022279) no
   cambian entre temas -- ya tienen contraste suficiente en ambos fondos.
   En modo oscuro se les agrega un trazo delgado dorado (--dixi-blue-stroke)
   via text-shadow para reforzar la legibilidad sobre fondos oscuros.
   Ver include/estilos.php para el script que aplica data-theme sin parpadeo,
   y js/dark-mode.js para el toggle. */
:root {
    --dixi-bg: #f4f6f8;
    --dixi-panel-bg: #ffffff;
    --dixi-panel-bg-alt: #f7f8fa;
    --dixi-text: #222222;
    --dixi-text-muted: #666666;
    --dixi-blue-stroke: none;
    --dixi-border: #eeeeee;
    --dixi-border-strong: #dddddd;

    --dixi-info-bg: #E3F2FD;    --dixi-info-text: #1565C0;
    --dixi-success-bg: #E8F5E9; --dixi-success-text: #2E7D32;
    --dixi-warning-bg: #FFF3E0; --dixi-warning-text: #E65100;
    --dixi-danger-bg: #FFEBEE;  --dixi-danger-text: #C62828;
}

:root[data-theme="dark"] {
    --dixi-bg: #121417;
    --dixi-panel-bg: #1c1f24;
    --dixi-panel-bg-alt: #23272e;
    --dixi-text: #e8e8e8;
    --dixi-text-muted: #9aa0a6;
    --dixi-border: #2c3036;
    --dixi-border-strong: #3a3f46;
    --dixi-blue-stroke: -1px -1px 0 #ffb600, 1px -1px 0 #ffb600, -1px 1px 0 #ffb600, 1px 1px 0 #ffb600, 0 0 4px #ffffff;

    --dixi-info-bg: #0d2a4a;    --dixi-info-text: #6ab3f5;
    --dixi-success-bg: #12321a; --dixi-success-text: #6fcf82;
    --dixi-warning-bg: #3a2608; --dixi-warning-text: #f0a857;
    --dixi-danger-bg: #3a1414;  --dixi-danger-text: #f28b8b;
}

/* Botón de toggle en los headers públicos (index/cat-servicios/como-ser-dixipartner),
   fuera de la estructura .header-widget-wrap que usa el dashboard. */
.aon-btn-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: transparent;
    border: none;
    color: var(--dixi-text);
    font-size: 18px;
    line-height: 1;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}
.aon-btn-theme-toggle:hover {
    color: #1565C0;
    text-shadow: var(--dixi-blue-stroke);
}

/* Base: fondo y texto de toda la página. Todo lo que no tenga un color
   explícito hereda esto, así que cubre la mayoría del sitio sin listar
   cada contenedor uno por uno. */
:root[data-theme="dark"] {
    color-scheme: dark;
}
:root[data-theme="dark"] html,
:root[data-theme="dark"] body {
    background-color: var(--dixi-bg) !important;
    color: var(--dixi-text) !important;
}
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select,
:root[data-theme="dark"] .form-control {
    background-color: var(--dixi-panel-bg) !important;
    color: var(--dixi-text) !important;
    border-color: var(--dixi-border-strong) !important;
}
:root[data-theme="dark"] .modal-content {
    background-color: var(--dixi-panel-bg) !important;
    color: var(--dixi-text) !important;
}
:root[data-theme="dark"] .dropdown-menu,
:root[data-theme="dark"] .bootstrap-select .dropdown-menu {
    background-color: var(--dixi-panel-bg) !important;
    color: var(--dixi-text) !important;
    border-color: var(--dixi-border-strong) !important;
}

/* Flecha del select de ciudad (.ciudad-select i) y barras del menú
   hamburguesa (.navbar-toggler .icon-bar): en style.css usan un azul
   oscuro/negro fijo que se pierde contra el fondo oscuro del select y
   del header. Se repintan en dorado para que queden visibles. */
:root[data-theme="dark"] .ciudad-select i {
    border-left-color: #ffb600 !important;
    border-bottom-color: #ffb600 !important;
}
:root[data-theme="dark"] .navbar-toggler .icon-bar {
    background: #ffb600 !important;
}

/* Utilidades de Bootstrap (bootstrap.min.css) que style.css/mobile-compact.css
   no tocan, así que el generador automático de abajo no las detectó. Bootstrap
   las define con !important, por eso estas también lo necesitan. */
:root[data-theme="dark"] .bg-white { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .bg-light { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .bg-secondary { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .text-dark { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .text-muted { color: var(--dixi-text-muted) !important; }
:root[data-theme="dark"] .text-secondary { color: var(--dixi-text-muted) !important; }
:root[data-theme="dark"] .border,
:root[data-theme="dark"] .border-top,
:root[data-theme="dark"] .border-bottom,
:root[data-theme="dark"] .border-left,
:root[data-theme="dark"] .border-right { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .table,
:root[data-theme="dark"] .table td,
:root[data-theme="dark"] .table th { color: var(--dixi-text) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .modal-header,
:root[data-theme="dark"] .modal-footer { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .card { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; color: var(--dixi-text) !important; }

/* ============================================================
   Overrides generados a partir de los colores hardcodeados
   (blancos/negros/bordes claros) detectados en style.css y
   mobile-compact.css. Mismo selector que el original, prefijado
   con :root[data-theme="dark"]; este archivo se carga al final
   para que la cascada gane; se deja !important como refuerzo.
   ============================================================ */
:root[data-theme="dark"] .site-text-black { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .site-bg-gray-light { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .site-bg-light { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .site-bg-white { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .list-circle li:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .list-angle-right li:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .list-arrow li:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .list-check li:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .list-checked li:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .list-check-circle li:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .list-chevron-circle li:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .list-arrow-circle li:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .list-times-circle li:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .msgrecordatorioingreso { background-color: var(--dixi-panel-bg) !important; }
/* #content (wrapper de todo el dashboard, style.css linea ~12001): fondo
   #f7fafc fijo. El generador automatico solo escaneo selectores de clase
   (.algo), no de ID (#algo), por eso este quedaba sin cubrir -- es la franja
   blanca que aparecia siempre en el mismo lugar (debajo del header fijo) en
   todas las paginas del dashboard/partner. */
:root[data-theme="dark"] #content { background-color: var(--dixi-bg) !important; }
/* .stat-card (dashboard-partner.php): clase definida en un <style> propio de la
   pagina con background:#fff fijo -- el generador automatico de arriba solo
   detecta style="..." inline, no reglas de clase dentro de <style>, por eso
   quedaba en blanco. */
:root[data-theme="dark"] .stat-card { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .stat-card .stat-label { color: var(--dixi-text-muted) !important; }
:root[data-theme="dark"] .wt-icon-box-wraper.bx-style-1 { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .wt-icon-box-wraper.bx-style-2 { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .site-button-link:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .site-button { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .site-button:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .site-button:active { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .site-button:focus { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .site-button-secondry:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .owl-carousel .owl-dots .owl-dot.active span { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .screen-reader-text:focus { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .wt-tabs .tab-pane { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .wt-tabs .nav-tabs > li > a { background-color: var(--dixi-panel-bg) !important; color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-tabs .nav-tabs > li a.active { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-tabs .nav-tabs > li a.active:focus { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-tabs .nav-tabs > li a.active:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li > a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li.active > a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li.active > a:focus { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li.active > a:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .top-bar .social-icons li a:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .logo-header { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .header-style-1 .navbar-toggler { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .header-nav .nav { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .header-nav .nav > li ul { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .header-nav .nav > li > a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .color-fill .header-nav .nav > li > a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .header-nav .nav > li > a:hover { background-color: var(--dixi-panel-bg-alt) !important; color: var(--dixi-text) !important; }
:root[data-theme="dark"] .header-nav .nav > li > a:active { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .header-nav .nav > li > a:focus { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .header-nav .nav > li .sub-menu { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .header-nav .nav > li .sub-menu li a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .header-nav .nav > li .sub-menu li .fa { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .header-nav .has-child .submenu-toogle { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .mobile-sider-drawer-menu .header-nav { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .is-fixed.color-fill .main-bar { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .header-style-1 .color-fill .header-nav .nav > li > a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .header-style-1 .header-nav .nav > li > a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-separator-two-part.when-bg-dark .section-head.left.wt-small-separator-outer .wt-small-separator { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-small-separator { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left.white:before { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left.white:after { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .section-head.left.wt-small-separator-outer.white .wt-small-separator div.sep-leaf-left:before { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .section-head.left.wt-small-separator-outer.white .wt-small-separator div.sep-leaf-left:after { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .play-now-video .icon { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .widget_services ul li .badge { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-news-l-form .sf-sb-btn { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .footer-light { background-color: var(--dixi-panel-bg-alt) !important; color: var(--dixi-text) !important; }
:root[data-theme="dark"] .footer-light .widget-title { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .footer-light .footer-bottom .footer-copy-right .copyrights-text { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .footer-light .copyrights-nav li:after { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .footer-light .copyrights-nav li a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .footer-light .widget_address li { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .footer-light .widget_address li i { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .footer-light .widget_services ul li a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .footer-light .recent-posts-entry .wt-post-info .wt-post-header a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-accordion .wt-panel .acod-content { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-accordion .wt-panel .acod-head a { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .acod-head a { background-color: var(--dixi-panel-bg-alt) !important; color: var(--dixi-text) !important; }
:root[data-theme="dark"] .acod-head a.collapsed { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .acod-head:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .acod-head:active { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .acod-head:focus { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .acod-head .indicator { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .form-control:focus { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .placeholders-forms { background-color: var(--dixi-panel-bg) !important; color: var(--dixi-text) !important; }
:root[data-theme="dark"] .placeholders-forms::placeholder { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .placeholders-forms:focus { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .ciudad-select select { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .popup { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-radio-checkbox input[type=checkbox] + label:before { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-radio-checkbox input[type=radio] + label:before { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-findBar-vertical .search-form { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border) !important; }
:root[data-theme="dark"] .aon-findBar-vertical .aon-searchbar-left > ul > li label { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-findBar-vertical .aon-searchbar-left > ul > li > .form-control { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-findBar-vertical .aon-searchbar-left > ul > li > .form-control:focus { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-findBar-vertical .aon-searchbar-left > ul > li .bootstrap-select .btn { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .bs-searchbox .form-control:focus { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .header-style8 .navbar-collapse { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-ow-provider { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-ow-provider .aon-ow-top .aon-pro-check span { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-static-section { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-blog-section-1 { background-color: var(--dixi-panel-bg-alt) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-blog-section-1 .aon-post-meta { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-blog-section-1 .aon-post-meta ul li.sf-post-category { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-whycoose-area { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .aon-whycoose-area .sf-w-choose-icon span { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-jobs-section { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-jobs-section .sf-jobs-head .sf-jobs-position { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-pricing-area { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .sf-pricing-section-outer { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-priceing-tb-control .slider:before { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-testimonial-user .sf-testimonial-user-detail .sf-testi-user-position { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .slick-testimonials-thumbnails .slick-next:before { background-color: var(--dixi-panel-bg) !important; color: var(--dixi-text) !important; }
:root[data-theme="dark"] .slick-testimonials-thumbnails .slick-prev:before { background-color: var(--dixi-panel-bg) !important; color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-bnr2-search-bar { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .aon-bnr2-search-box .aon-search-input .form-control:focus { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-categories-area2-iconbox { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aone-howit-number { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-feature-vender-area2 { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .aon-ow-provider2 { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-ow-provider2 .aon-ow-top .aon-pro-check span { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-w-choose-icon { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-about-area { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .aon-pricing-area2 { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .aon-pricing-section-outer { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-priceing-tb-control .slider:before { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-latest-blog-area2 { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-postjobs-area2 { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-post-jobs2 { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-post-jobs2 .job-comapny-logo { border-color: var(--dixi-border) !important; }
:root[data-theme="dark"] .aon-test2-item { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-contact-info-box { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-map-social-block { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .sf-job-benner { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .sf-job-details-fileds-two { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-job-details-fileds ul li:nth-child(2n) { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-btn-large2 { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-jobrelated-carousel .sf-jobs-section { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-rounded-sidebar { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-btn-large { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-range-slider .slider-handle { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-search-grid-option li .btn { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .bootstrap-select .dropdown-toggle { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] ul.job_listings { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] ul.job_listings li.job_listing { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] ul.job_listings li.job_listing:hover { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] ul.job_listings .job_listing .job-comapny-logo { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .job_listings.job_listings-two li.job_listing { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .job_listings.job_listings-two li.job_listing .job-comapny-logo { border-color: var(--dixi-border) !important; }
:root[data-theme="dark"] .sf-page-scroll-wrap { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-page-scroll-nav { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-page-scroll-wrap2 { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-profile-banner { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .social-share-icon ul li a { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-provi-gallery { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-related-provi-sidebar .aon-ow-provider-wrap .sf-ow-provider { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-provi-bio-text { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-provi-service-list { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-provi-service-list li { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-provi-service-right .btn { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-provi-service-right .btn:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .bootstrap-touchspin-up { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .bootstrap-touchspin-down { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-custom-tabs .sf-custom-tabs-line { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-custom-tabs .nav-tabs > li.active > a:after { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-document-tab { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-custom-new .nav-tabs > li > a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-provi-art-left { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-languages-list-new li span { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-features-list-new li .features-icon { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-rating-outer-border { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-review-footer { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-provi-bio-info { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .sf-provi-qform { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-bot-divider { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .rounded-sidebar-widget { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .widget_search_bx .input-group .form-control { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .recent-posts-entry .wt-post-meta li:after { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-blog-comment-wrap .comments-area .comment-form p input[type="text"] { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-blog-comment-wrap .comments-area .comment-form p textarea { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-blog-comment-wrap ol.comment-list li.comment .comment-meta a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-blog-comment-wrap ol.comment-list li.comment .reply a { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-blog-comment-wrap ol.comment-list li.comment .reply a::before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-blog-comment-wrap .comment-respond { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .sf-allCaty-info-wrap { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-caty-cirle { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-caty-icon-box { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-vender-list-box { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-vender-list-info .sf-pro-check span { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-vender-list2-info .sf-pro-check span { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .action-dropdown .action-button { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .action-dropdown .dropdown-menu > li > a:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .action-dropdown .dropdown-menu > li > a:hover i { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-search-grid-option li .btn { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-all-cat-block .aon-cat-quantity span { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-all-cat-block .aon-cat-name a { background-color: var(--dixi-panel-bg) !important; color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-search-bar-panel { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-searchbar-area > li { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-search-result-btn { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-latest-blog-area3 { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-blog-style-3 .post-bx { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-blog-list3 .post-date-position .post-date { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-blog-list3 .post-info .post-categories a { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-blog-list4 .post-date-position .post-date { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-blog-list4 .post-info .post-categories a { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-blog-list5 .post-info .post-categories a { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-vender-list-box3 { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-vender-list-box3 .aon-vender-list-info .aon-pro-check span { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-vender-list-box3 .aon-req-btn .aon-req-btn-posi { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-search-result-head { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-testimonials-two-area { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-summery-box { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-summery-box ul li { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-summery-box ul li .sf-sum-cel-one { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-summery-box ul li .sf-sum-cel-four { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-summery-total [class*="sf-sum-cel-"]:first-child { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-summery-total [class*="sf-sum-cel-"]:last-child { color: var(--dixi-text) !important; }
:root[data-theme="dark"] #header-admin { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] #sidebar-admin-wraper { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .header-widget-wrap > .header-widget { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .header-widget-wrap .dropdown-menu ul > li { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .header-widget-wrap .dropdown-menu ul > li > a:hover { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-card-header { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .content-admin-main .form-control:focus { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .content-admin-main .bootstrap-select .dropdown-toggle { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .content-admin-main .bootstrap-select .dropdown-toggle:focus { background-color: var(--dixi-panel-bg) !important; }

/* Paginación de Bootstrap (usada por DataTables en historial, listados admin,
   etc.): .page-link trae fondo blanco fijo de bootstrap.min.css que style.css
   nunca sobreescribe, asi que quedaba en blanco sobre el fondo oscuro. */
:root[data-theme="dark"] .page-link {
    background-color: var(--dixi-panel-bg) !important;
    border-color: var(--dixi-border-strong) !important;
    color: var(--dixi-text) !important;
}
:root[data-theme="dark"] .page-link:hover {
    background-color: var(--dixi-panel-bg-alt) !important;
}
:root[data-theme="dark"] .page-item.disabled .page-link {
    background-color: var(--dixi-panel-bg-alt) !important;
    border-color: var(--dixi-border-strong) !important;
    color: var(--dixi-text-muted) !important;
}
:root[data-theme="dark"] .page-item.active .page-link {
    background-color: #022279 !important;
    border-color: #022279 !important;
    color: #fff !important;
}
:root[data-theme="dark"] .editer-tools { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .editer-textarea textarea { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .editer-bottom { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .admin-button { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-pro-avtar-pic { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .aon-pro-cover-wrap .admin-button-upload { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .aon-staff-avtar-footer { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .pro-my-account-wrap { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .feather-icon { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .admin-top-area { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-admin-heading { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .ws-toggle-popup { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .popup-tabs .nav-tabs .nav-link { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .ws-poptab-list { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .ws-poptab-info strong { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .popup-curra-lang { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .user-welcome-area { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .popup-notifica-msg { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .ws-poptab-list-wrap { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .admin-area-content { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-provi-tabs { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .aon-provi-links li { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .wt-dashboard-msg-search-list { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .msg-user-info { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .msg-user-name { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .wt-dashboard-msg-box { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .single-msg-user-name-box { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .single-user-com-pic { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .single-user-comment-wrap.sigle-user-reply .single-user-com-text { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] .invoice-wrap { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .ws-table-border-type table > thead { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .ws-table-border-type table > thead > tr { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .ws-table-border-type table > tbody > tr { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .site-button-border { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .add-more-content { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .add-sign-priveiw { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .crad-tile-main { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .text-black { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .team-member-list-info { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-team-member-list-wrap .team-member-list-info .team-member-list-name { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-team-member-search .form-control { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-select-box.form-control:focus { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .bootstrap-select.sf-select-box .dropdown-toggle { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .add-more-content2 { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-avai-time-slots-wrap { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-avai-time-slots-wrap input { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .sf-avai-time-slots-control { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-avai-time-slots-control .slot-delete { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-avai-time-slots-control .slot-update { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-bot-border { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .working-hours-admin { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .selected-working-hours ul li { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .dropzone { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .ser-total-cell1 .tip-info { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .ser-total-cell1 .tip-info:before { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .ser-total-cell2 span { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .customer-info li strong { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .customer-info li strong .fa { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-featured-member-area .sf-fea-info { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-plans-done { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-upgrade-account-btn { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-experience-acord .sf-panel { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-experience-acord .sf-panel:nth-child(2n+1) { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-qualification-acord .sf-panel { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-services-acord .sf-panel { background-color: var(--dixi-panel-bg) !important; border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .sf-experience-acord .sf-panel .acod-title .exper-author { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-qualification-acord .sf-panel .acod-title .exper-author { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-services-acord .sf-panel .acod-title .exper-author { color: var(--dixi-text) !important; }
:root[data-theme="dark"] .sf-map-filter { border-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] .loading-box { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] .dixi-gallery-arrow { background-color: var(--dixi-panel-bg) !important; color: #ffb600 !important; }

/* ============================================================
   Overrides para estilos inline (style="...") repartidos por
   las paginas PHP: mismos colores hardcodeados que en el CSS,
   pero puestos directamente en el markup. Selector de atributo
   por substring, insensible a mayusculas -- solo aplica dentro
   de paginas que cargan esta hoja de estilos (nunca a los
   correos HTML enviados por PHPMailer, que son documentos
   aparte sin este CSS).
   ============================================================ */
:root[data-theme="dark"] [style*="background:#f0f2f8" i],
:root[data-theme="dark"] [style*="background: #f0f2f8" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background-color:#f0f2f8" i],
:root[data-theme="dark"] [style*="background-color: #f0f2f8" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#fafbfd" i],
:root[data-theme="dark"] [style*="background: #fafbfd" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background-color:#fafbfd" i],
:root[data-theme="dark"] [style*="background-color: #fafbfd" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#f5f7ff" i],
:root[data-theme="dark"] [style*="background: #f5f7ff" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#f8f9ff" i],
:root[data-theme="dark"] [style*="background: #f8f9ff" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#f7f8fa" i],
:root[data-theme="dark"] [style*="background: #f7f8fa" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#f0f4ff" i],
:root[data-theme="dark"] [style*="background: #f0f4ff" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#f9faff" i],
:root[data-theme="dark"] [style*="background: #f9faff" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#f4f6fb" i],
:root[data-theme="dark"] [style*="background: #f4f6fb" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#e8f0fe" i],
:root[data-theme="dark"] [style*="background: #e8f0fe" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#f0f2f5" i],
:root[data-theme="dark"] [style*="background: #f0f2f5" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#f0f0f0" i],
:root[data-theme="dark"] [style*="background: #f0f0f0" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background-color:#f2f2f2" i],
:root[data-theme="dark"] [style*="background-color: #f2f2f2" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#e8eaf6" i],
:root[data-theme="dark"] [style*="background: #e8eaf6" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#c0c9e0" i],
:root[data-theme="dark"] [style*="background: #c0c9e0" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#eceff1" i],
:root[data-theme="dark"] [style*="background: #eceff1" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#ede7f6" i],
:root[data-theme="dark"] [style*="background: #ede7f6" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#b0bec5" i],
:root[data-theme="dark"] [style*="background: #b0bec5" i] { background-color: var(--dixi-panel-bg-alt) !important; }
:root[data-theme="dark"] [style*="background:#fff" i],
:root[data-theme="dark"] [style*="background: #fff" i] { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] [style*="background-color:#ffffff" i],
:root[data-theme="dark"] [style*="background-color: #ffffff" i] { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] [style*="background-color:#ffc717" i],
:root[data-theme="dark"] [style*="background-color: #ffc717" i] { background-color: var(--dixi-panel-bg) !important; }
:root[data-theme="dark"] [style*="background:#ccc" i],
:root[data-theme="dark"] [style*="background: #ccc" i] { background-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] [style*="background:#ddd" i],
:root[data-theme="dark"] [style*="background: #ddd" i] { background-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] [style*="background:#aaa" i],
:root[data-theme="dark"] [style*="background: #aaa" i] { background-color: var(--dixi-border-strong) !important; }
:root[data-theme="dark"] [style*="background:#e3f2fd" i],
:root[data-theme="dark"] [style*="background: #e3f2fd" i] { background-color: var(--dixi-info-bg) !important; }
:root[data-theme="dark"] [style*="background-color:#e3f2fd" i],
:root[data-theme="dark"] [style*="background-color: #e3f2fd" i] { background-color: var(--dixi-info-bg) !important; }
:root[data-theme="dark"] [style*="background:#e8f5e9" i],
:root[data-theme="dark"] [style*="background: #e8f5e9" i] { background-color: var(--dixi-success-bg) !important; }
:root[data-theme="dark"] [style*="background:#fff3e0" i],
:root[data-theme="dark"] [style*="background: #fff3e0" i] { background-color: var(--dixi-warning-bg) !important; }
:root[data-theme="dark"] [style*="background:#fff3cd" i],
:root[data-theme="dark"] [style*="background: #fff3cd" i] { background-color: var(--dixi-warning-bg) !important; }
:root[data-theme="dark"] [style*="background:#ffebee" i],
:root[data-theme="dark"] [style*="background: #ffebee" i] { background-color: var(--dixi-danger-bg) !important; }
:root[data-theme="dark"] [style*="background:#ffcdd2" i],
:root[data-theme="dark"] [style*="background: #ffcdd2" i] { background-color: var(--dixi-danger-bg) !important; }
:root[data-theme="dark"] [style*="color:#626262" i],
:root[data-theme="dark"] [style*="color: #626262" i] { color: var(--dixi-text-muted) !important; }
:root[data-theme="dark"] [style*="color:#555" i],
:root[data-theme="dark"] [style*="color: #555" i] { color: var(--dixi-text-muted) !important; }
:root[data-theme="dark"] [style*="color:#333" i],
:root[data-theme="dark"] [style*="color: #333" i] { color: var(--dixi-text) !important; }
:root[data-theme="dark"] [style*="color:#111" i],
:root[data-theme="dark"] [style*="color: #111" i] { color: var(--dixi-text) !important; }
:root[data-theme="dark"] [style*="color:#222" i],
:root[data-theme="dark"] [style*="color: #222" i] { color: var(--dixi-text) !important; }
:root[data-theme="dark"] [style*="color:#1a1a1a" i],
:root[data-theme="dark"] [style*="color: #1a1a1a" i] { color: var(--dixi-text) !important; }
:root[data-theme="dark"] [style*="color:#444" i],
:root[data-theme="dark"] [style*="color: #444" i] { color: var(--dixi-text) !important; }
:root[data-theme="dark"] [style*="color:#666" i],
:root[data-theme="dark"] [style*="color: #666" i] { color: var(--dixi-text-muted) !important; }
:root[data-theme="dark"] [style*="color:#6c757d" i],
:root[data-theme="dark"] [style*="color: #6c757d" i] { color: var(--dixi-text-muted) !important; }
:root[data-theme="dark"] [style*="color:#37474f" i],
:root[data-theme="dark"] [style*="color: #37474f" i] { color: var(--dixi-text) !important; }
:root[data-theme="dark"] [style*="color:#664d03" i],
:root[data-theme="dark"] [style*="color: #664d03" i] { color: var(--dixi-warning-text) !important; }
:root[data-theme="dark"] [style*="color:#c62828" i],
:root[data-theme="dark"] [style*="color: #c62828" i] { color: var(--dixi-danger-text) !important; }
:root[data-theme="dark"] [style*="color:#e65100" i],
:root[data-theme="dark"] [style*="color: #e65100" i] { color: var(--dixi-warning-text) !important; }
:root[data-theme="dark"] [style*="color:#2e7d32" i],
:root[data-theme="dark"] [style*="color: #2e7d32" i] { color: var(--dixi-success-text) !important; }