/* DC CONTROL 10.4.81r8 — ajuste visual solicitado.
   - Barra inferior: iconos blancos, grandes, nítidos y tarjetas sólidas.
   - Garantías 3.0: KPI y desplegables con color sólido por estado. */

/* BARRA INFERIOR — máxima legibilidad en Configuración/Garantías y resto del sistema */
.bottom-nav{background:#f8fafc!important;border:2px solid #d8e2ee!important;gap:8px!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}
.bottom-nav button.nav1048,.bottom-nav button.nav1048.active{height:66px!important;min-height:66px!important;border-radius:16px!important;color:#fff!important;opacity:1!important;filter:none!important;box-shadow:0 6px 14px rgba(15,23,42,.18)!important}
.bottom-nav button.nav1048 .nav-icon1048{width:34px!important;height:34px!important;color:#fff!important;opacity:1!important}
.bottom-nav button.nav1048 .nav-icon1048 svg{width:30px!important;height:30px!important;color:#fff!important;stroke:#fff!important;opacity:1!important}
.bottom-nav button.nav1048 small{color:#fff!important;font-size:10px!important;font-weight:950!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,0,0,.22)!important}
.bottom-nav button.nav1048.active{outline:3px solid #fff!important;box-shadow:0 0 0 5px rgba(15,23,42,.16),0 7px 17px rgba(15,23,42,.24)!important}
.bottom-nav button.nav-home1048,.bottom-nav button.nav-home1048.active{background:#f97316!important}
.bottom-nav button.nav-search1048,.bottom-nav button.nav-search1048.active{background:#087bea!important}
.bottom-nav button.nav-chat1048,.bottom-nav button.nav-chat1048.active{background:#08b86b!important}
.bottom-nav button.nav-capture1048,.bottom-nav button.nav-capture1048.active{background:#08b86b!important}
.bottom-nav button.nav-routes1048,.bottom-nav button.nav-routes1048.active{background:#ef3340!important}
.bottom-nav button.nav-more1048,.bottom-nav button.nav-more1048.active{background:#8b3de0!important}
.bottom-nav button.nav-warranties1048,.bottom-nav button.nav-warranties1048.active{background:#7651d6!important;color:#fff!important}
.bottom-nav button.nav-warranties1048 .nav-icon1048,.bottom-nav button.nav-warranties1048 .nav-icon1048 svg{color:#fff!important;stroke:#fff!important}

/* CONFIGURACIÓN — pestañas sólidas, icono y texto blancos */
[data-dc-page="settings"] .config-tabs-unified .config-tab{background-image:none!important;border:0!important;color:#fff!important;box-shadow:0 8px 18px rgba(15,23,42,.18)!important}
[data-dc-page="settings"] .config-tabs-unified .config-tab-blue{background:#087bea!important}
[data-dc-page="settings"] .config-tabs-unified .config-tab-purple{background:#7c3aed!important}
[data-dc-page="settings"] .config-tabs-unified .config-tab-orange{background:#f97316!important}
[data-dc-page="settings"] .config-tabs-unified .config-tab-clients{background:#08a95f!important}
[data-dc-page="settings"] .config-tabs-unified .config-tab-newuser{background:#db2777!important}
[data-dc-page="settings"] .config-tabs-unified .config-tab .tab-icon{font-size:28px!important;background:rgba(255,255,255,.18)!important;color:#fff!important}

/* GARANTÍAS 3.0 — tarjetas superiores sólidas */
html.dc-dark .w3-kpis>div,html[data-theme="dark"] .w3-kpis>div{background:#1264c4!important;border:2px solid #38a4ff!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,0,0,.20)!important}
html.dc-dark .w3-kpis .critical,html[data-theme="dark"] .w3-kpis .critical{background:#a92735!important;border-color:#ff4b59!important}
html.dc-dark .w3-kpis .high,html[data-theme="dark"] .w3-kpis .high{background:#a65e08!important;border-color:#ffad27!important}
html.dc-dark .w3-kpis .good,html[data-theme="dark"] .w3-kpis .good{background:#138347!important;border-color:#29db78!important}
html.dc-dark .w3-kpis small,html.dc-dark .w3-kpis b,html.dc-dark .w3-kpis span,html[data-theme="dark"] .w3-kpis small,html[data-theme="dark"] .w3-kpis b,html[data-theme="dark"] .w3-kpis span{color:#fff!important;opacity:1!important}

/* GARANTÍAS 3.0 — cada desplegable conserva su color también al abrir */
html.dc-dark .w3-group,html[data-theme="dark"] .w3-group{border-width:2px!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important}
html.dc-dark .w3-group.critical,html[data-theme="dark"] .w3-group.critical{background:#421c24!important;border-color:#ff4354!important}
html.dc-dark .w3-group.critical>summary,html[data-theme="dark"] .w3-group.critical>summary{background:#d63243!important;color:#fff!important}
html.dc-dark .w3-group.high,html[data-theme="dark"] .w3-group.high{background:#443016!important;border-color:#ffad27!important}
html.dc-dark .w3-group.high>summary,html[data-theme="dark"] .w3-group.high>summary{background:#d8870c!important;color:#fff!important}
html.dc-dark .w3-group.normal,html[data-theme="dark"] .w3-group.normal{background:#123d2c!important;border-color:#25d675!important}
html.dc-dark .w3-group.normal>summary,html[data-theme="dark"] .w3-group.normal>summary{background:#13a85c!important;color:#fff!important}
html.dc-dark .w3-group.closed,html[data-theme="dark"] .w3-group.closed{background:#173a5f!important;border-color:#36a7ff!important}
html.dc-dark .w3-group.closed>summary,html[data-theme="dark"] .w3-group.closed>summary{background:#147bd1!important;color:#fff!important}
html.dc-dark .w3-group>summary b,html[data-theme="dark"] .w3-group>summary b{background:rgba(255,255,255,.20)!important;color:#fff!important}
html.dc-dark .w3-empty,html[data-theme="dark"] .w3-empty{color:#e8f0fa!important}

@media(max-width:700px){.bottom-nav button.nav1048,.bottom-nav button.nav1048.active{height:62px!important;min-height:62px!important}.bottom-nav button.nav1048 .nav-icon1048 svg{width:28px!important;height:28px!important}}