/**
 * Marca unificada — misma paleta que el landing
 * Black #000 / Prussian #14213d / Orange #fca311 / Alabaster #e5e5e5 / White
 * Cargar DESPUÉS de dark-theme / light-theme / sidebar / dashboard.
 */

:root {
    --brand-black: #000000;
    --brand-prussian: #14213d;
    --brand-prussian-deep: #0a101c;
    --brand-orange: #fca311;
    --brand-orange-hover: #e8940a;
    --brand-alabaster: #e5e5e5;
    --brand-white: #ffffff;
    --brand-muted: rgba(229, 229, 229, 0.72);
    --brand-orange-rgb: 252, 163, 17;
    --brand-prussian-rgb: 20, 33, 61;
}

/* ========== MODO OSCURO — chrome global ========== */
html.dark-theme,
html.dark-theme body,
html[data-theme="dark"],
html[data-theme="dark"] body {
    background: var(--brand-black) !important;
    color: var(--brand-white) !important;
}

html.dark-theme .wrapper,
html.dark-theme .main-panel,
html.dark-theme .main-panel > .content,
html.dark-theme .content,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .main-panel,
html[data-theme="dark"] .content {
    background: var(--brand-black) !important;
}

/* Navbar superior (tema, idiomas, desconectar) */
html.dark-theme .navbar,
html.dark-theme .navbar-default,
html.dark-theme nav.navbar,
html.dark-theme .navbar-fixed,
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .navbar-default,
html[data-theme="dark"] nav.navbar {
    background: linear-gradient(180deg, #0a101c 0%, #000000 100%) !important;
    border: none !important;
    border-bottom: 1px solid rgba(var(--brand-orange-rgb), 0.11) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html.dark-theme .navbar .container-fluid,
html.dark-theme .navbar-header,
html.dark-theme .navbar-collapse,
html[data-theme="dark"] .navbar .container-fluid {
    background: transparent !important;
}

html.dark-theme .navbar-brand,
html.dark-theme .navbar-default .navbar-brand,
html.dark-theme .navbar-nav > li > a,
html.dark-theme .navbar-nav > li > a:not(.btn),
html.dark-theme .navbar-default .navbar-nav > li > a,
html.dark-theme .navbar-default .navbar-nav > li > a:not(.btn),
html[data-theme="dark"] .navbar-brand,
html[data-theme="dark"] .navbar-nav > li > a,
html[data-theme="dark"] .navbar-nav > li > a:not(.btn) {
    color: var(--brand-alabaster) !important;
}

html.dark-theme .navbar-nav > li > a:hover,
html.dark-theme .navbar-nav > li > a:focus,
html.dark-theme .navbar-nav > li > a:not(.btn):hover,
html.dark-theme .navbar-nav > li > a:not(.btn):focus,
html.dark-theme .navbar-default .navbar-nav > li > a:hover,
html.dark-theme .navbar-default .navbar-nav > li > a:not(.btn):hover,
html[data-theme="dark"] .navbar-nav > li > a:hover,
html[data-theme="dark"] .navbar-nav > li > a:not(.btn):hover {
    color: var(--brand-orange) !important;
    background: rgba(var(--brand-orange-rgb), 0.07) !important;
    opacity: 1 !important;
}

html.dark-theme .navbar-toggle,
html[data-theme="dark"] .navbar-toggle {
    background: var(--brand-prussian) !important;
    border-color: rgba(var(--brand-orange-rgb), 0.14) !important;
}

html.dark-theme .navbar-toggle .icon-bar,
html[data-theme="dark"] .navbar-toggle .icon-bar {
    background: var(--brand-orange) !important;
}

/* Toolbar: idioma / tema / logout */
html.dark-theme .navbar .navbar-nav.navbar-right > li.theme-toggle > a,
html.dark-theme .navbar .navbar-nav.navbar-right > li.navbar-tool-logout > a,
html.dark-theme .navbar .navbar-nav.navbar-right .lang-dropdown-trigger {
    color: var(--brand-alabaster) !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
}

html.dark-theme .navbar .navbar-nav.navbar-right > li.theme-toggle > a:hover,
html.dark-theme .navbar .navbar-nav.navbar-right > li.navbar-tool-logout > a:hover,
html.dark-theme .navbar .navbar-nav.navbar-right .lang-dropdown-trigger:hover,
html.dark-theme .navbar .navbar-nav.navbar-right .lang-dropdown-trigger[aria-expanded="true"] {
    color: var(--brand-orange) !important;
    background: rgba(var(--brand-orange-rgb), 0.06) !important;
    border-color: rgba(var(--brand-orange-rgb), 0.14) !important;
}

html.dark-theme .theme-toggle a i,
html.dark-theme #theme-icon {
    color: var(--brand-alabaster) !important;
}

html.dark-theme .theme-toggle > a:hover i,
html.dark-theme .theme-toggle > a:hover #theme-icon {
    color: var(--brand-orange) !important;
}

html.dark-theme .lang-dropdown-menu {
    --lang-menu-bg: #14213d;
    --lang-menu-border: rgba(252, 163, 17, 0.07);
    --lang-menu-text: #ffffff;
    background: #14213d !important;
    border-color: rgba(252, 163, 17, 0.07) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
}

html.dark-theme .lang-dropdown-option:hover {
    background: rgba(252, 163, 17, 0.06) !important;
    color: #fff !important;
}

html.dark-theme .lang-dropdown-option.is-active {
    background: rgba(252, 163, 17, 0.06) !important;
    color: #fff !important;
}

/* Cards genéricas (además de listados) */
html.dark-theme .card:not(.dashboard-card),
html.dark-theme .panel {
    background: var(--brand-prussian) !important;
    border-color: rgba(var(--brand-orange-rgb), 0.1) !important;
    color: var(--brand-white) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important;
}

html.dark-theme .card .header,
html.dark-theme .card-header,
html.dark-theme .panel-heading {
    background: linear-gradient(
        120deg,
        rgba(252, 163, 17, 0.07) 0%,
        rgba(20, 33, 61, 0.4) 100%
    ) !important;
    border-bottom-color: rgba(252, 163, 17, 0.06) !important;
    color: var(--brand-white) !important;
}

html.dark-theme .card .content,
html.dark-theme .card-body,
html.dark-theme .panel-body {
    background: transparent !important;
}

/* ========== MODO CLARO ========== */
html:not(.dark-theme) .navbar,
html:not(.dark-theme) .navbar-default,
html:not(.dark-theme) nav.navbar {
    background: var(--brand-white) !important;
    border: none !important;
    border-bottom: 1px solid rgba(var(--brand-orange-rgb), 0.11) !important;
    box-shadow: 0 4px 20px rgba(20, 33, 61, 0.06) !important;
}

html:not(.dark-theme) .navbar-brand,
html:not(.dark-theme) .navbar-nav > li > a,
html:not(.dark-theme) .navbar-nav > li > a:not(.btn),
html:not(.dark-theme) .navbar-default .navbar-nav > li > a:not(.btn) {
    color: var(--brand-prussian) !important;
}

html:not(.dark-theme) .navbar-nav > li > a:hover,
html:not(.dark-theme) .navbar-nav > li > a:focus,
html:not(.dark-theme) .navbar-nav > li > a:not(.btn):hover,
html:not(.dark-theme) .navbar-nav > li > a:not(.btn):focus,
html:not(.dark-theme) .navbar-default .navbar-nav > li > a:not(.btn):hover,
html:not(.dark-theme) .navbar-default .navbar-nav > .active > a:not(.btn) {
    color: var(--brand-orange-hover) !important;
    background: rgba(var(--brand-orange-rgb), 0.07) !important;
    opacity: 1 !important;
}

html:not(.dark-theme) .navbar .navbar-nav.navbar-right > li.theme-toggle > a,
html:not(.dark-theme) .navbar .navbar-nav.navbar-right > li.navbar-tool-logout > a,
html:not(.dark-theme) .navbar .navbar-nav.navbar-right .lang-dropdown-trigger {
    color: var(--brand-prussian) !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
}

html:not(.dark-theme) .navbar .navbar-nav.navbar-right > li.theme-toggle > a:hover,
html:not(.dark-theme) .navbar .navbar-nav.navbar-right > li.navbar-tool-logout > a:hover,
html:not(.dark-theme) .navbar .navbar-nav.navbar-right .lang-dropdown-trigger:hover,
html:not(.dark-theme) .navbar .navbar-nav.navbar-right .lang-dropdown-trigger[aria-expanded="true"] {
    color: var(--brand-orange-hover) !important;
    background: rgba(var(--brand-orange-rgb), 0.06) !important;
    border-color: rgba(var(--brand-orange-rgb), 0.16) !important;
}

html:not(.dark-theme) .theme-toggle a i,
html:not(.dark-theme) #theme-icon {
    color: var(--brand-orange) !important;
}

html:not(.dark-theme) .lang-dropdown-menu {
    background: #ffffff !important;
    border: 1px solid rgba(252, 163, 17, 0.07) !important;
    box-shadow: 0 12px 28px rgba(20, 33, 61, 0.12) !important;
}

html:not(.dark-theme) .lang-dropdown-option {
    color: var(--brand-prussian) !important;
}

html:not(.dark-theme) .lang-dropdown-option:hover {
    background: rgba(252, 163, 17, 0.05) !important;
    color: var(--brand-prussian) !important;
}

html:not(.dark-theme) .lang-dropdown-option.is-active {
    background: rgba(252, 163, 17, 0.09) !important;
}

html:not(.dark-theme) body,
html:not(.dark-theme) .wrapper,
html:not(.dark-theme) .main-panel,
html:not(.dark-theme) .content {
    background: #eef1f6 !important; /* Classic Light */
}

html:not(.dark-theme) .card:not(.dashboard-card),
html:not(.dark-theme) .panel {
    background: var(--brand-white) !important;
    border: 1px solid rgba(252, 163, 17, 0.09) !important;
    box-shadow: 0 10px 28px rgba(20, 33, 61, 0.06) !important;
}

/* Lang switcher hover genérico (landing + panel) */
.lang-dropdown-trigger:hover,
.lp-lang-dropdown-trigger:hover,
.lang-dropdown-trigger[aria-expanded="true"],
.lp-lang-dropdown-trigger[aria-expanded="true"] {
    background: rgba(252, 163, 17, 0.05);
    border-color: rgba(252, 163, 17, 0.08);
}

/* Footer del panel si existe */
html.dark-theme .footer,
html.dark-theme .main-panel > .footer {
    background: var(--brand-black) !important;
    border-top: 1px solid rgba(var(--brand-orange-rgb), 0.1) !important;
    color: var(--brand-muted) !important;
}


/* ========== Modales, dropdowns, forms ========== */
html.dark-theme .modal-content,
html[data-theme="dark"] .modal-content {
    background: #14213d !important;
    border: 1px solid rgba(252, 163, 17, 0.07) !important;
    color: #ffffff !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55) !important;
}

html.dark-theme .modal-header,
html.dark-theme .modal-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    background: linear-gradient(120deg, rgba(252, 163, 17, 0.06), rgba(10, 16, 28, 0.5)) !important;
    border-color: rgba(252, 163, 17, 0.06) !important;
    color: #ffffff !important;
}

html.dark-theme .dropdown-menu,
html[data-theme="dark"] .dropdown-menu {
    background: #14213d !important;
    border: 1px solid rgba(252, 163, 17, 0.07) !important;
}

html.dark-theme .dropdown-menu > li > a,
html[data-theme="dark"] .dropdown-menu > li > a {
    color: #e5e5e5 !important;
}

html.dark-theme .dropdown-menu > li > a:hover,
html[data-theme="dark"] .dropdown-menu > li > a:hover {
    background: rgba(252, 163, 17, 0.06) !important;
    color: #fca311 !important;
}

html.dark-theme .form-control,
html.dark-theme input.form-control,
html.dark-theme select.form-control,
html.dark-theme textarea.form-control,
html[data-theme="dark"] .form-control {
    background: #0a101c !important;
    border-color: #1c2f52 !important;
    color: #ffffff !important;
}

html.dark-theme .form-control:focus,
html[data-theme="dark"] .form-control:focus {
    border-color: #fca311 !important;
    box-shadow: 0 0 0 3px rgba(252, 163, 17, 0.06) !important;
}

html.dark-theme .nav-tabs > li.active > a,
html.dark-theme .nav-tabs > li.active > a:hover,
html.dark-theme .nav-tabs > li.active > a:focus,
html[data-theme="dark"] .nav-tabs > li.active > a {
    background: rgba(252, 163, 17, 0.06) !important;
    border-color: rgba(252, 163, 17, 0.08) !important;
    color: #fca311 !important;
}

html:not(.dark-theme) .modal-header {
    border-bottom-color: rgba(252, 163, 17, 0.06) !important;
}

html:not(.dark-theme) .form-control:focus {
    border-color: #fca311 !important;
    box-shadow: 0 0 0 3px rgba(252, 163, 17, 0.08) !important;
}

/* Select2 */
html.dark-theme .select2-container--bootstrap-5 .select2-selection,
html.dark-theme .select2-dropdown {
    background: #0a101c !important;
    border-color: #1c2f52 !important;
    color: #e5e5e5 !important;
}

html.dark-theme .select2-container--bootstrap-5 .select2-results__option--highlighted {
    background: rgba(252, 163, 17, 0.09) !important;
    color: #fff !important;
}

/* CodeMirror (settings) */
html.dark-theme .CodeMirror {
    background: #0a101c !important;
    color: #e5e5e5 !important;
    border-color: #1c2f52 !important;
}