/* =========================================================
   TEMA AUSTRALINK - PALETA A: NORDICO INDUSTRIAL
   =========================================================
   Para cambiar los colores del sistema, edita SOLO los tres
   valores hexadecimales de aqui abajo y guarda el archivo.

   --color-primario   -> Fondo del sidebar (menu izquierdo),
                         del header superior (donde dice
                         "MAESTRANZA MMS") y del login
   --color-secundario -> Botones de accion, links, iconos,--color-fondo-pagina: #151B26;
                         graficos (todo lo que antes era celeste)
   --color-fondo      -> Fondo general de la pagina, detras
                         de las tarjetas blancas
   ========================================================= */

:root {
    --color-primario: #16273A;
    --color-secundario: #2D6E8C;
    --color-fondo-pagina: #10151E;
}

/* ---------------------------------------------------------
   PRIMARIO: Sidebar (color solido, sin degradado)
   --------------------------------------------------------- */
.sidebar .sidebar-wrapper {
    background: var(--color-primario) !important;
}

/* PRIMARIO: Fondo de la pantalla de login (color solido, sin degradado) */
.login-background {
    background: var(--color-primario) !important;
}

/* PRIMARIO: Header superior (donde dice "MAESTRANZA MMS") */
.main-panel > .navbar.bg-light {
    background-color: var(--color-primario) !important;
}

.main-panel > .navbar .navbar-brand,
.main-panel > .navbar .navbar-brand.company,
.main-panel > .navbar .topmenu,
.main-panel > .navbar .topmenu a,
.main-panel > .navbar .topmenu li,
.main-panel > .navbar .navbar-toggler-icon {
    color: #FFFFFF !important;
}

.main-panel > .navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5);
}

/* FONDO: color de fondo general de la pagina, detras de las tarjetas, NOTA NUEVA: SE ACTUALIZA POR COLOR FONDO PAGINA */ 
.main-panel {
    background-color: var(--color-fondo-pagina) !important;
}

/* ---------------------------------------------------------
   SECUNDARIO: Botones de accion (.btn-info), links, iconos,
   graficos y demas acentos que usaban el celeste original.
   --------------------------------------------------------- */

/* Links generales */
a {
    color: var(--color-secundario);
}

/* Iconos */
.icon-info,
.chart-legend .text-info,
.chart-legend .text-info:hover {
    color: var(--color-secundario);
}

/* Item activo del menu lateral (cuando se usa data-active-color="info") */
.sidebar[data-active-color="info"] .nav li.active > a,
.off-canvas-sidebar[data-active-color="info"] .nav li.active > a {
    color: var(--color-secundario);
}

/* Botones .btn-info (Copy, CSV, PDF, Print, +Agregar datos, etc.) */
.navbar .navbar-nav > li > a.btn-info,
.btn-info {
    border-color: var(--color-secundario);
    color: var(--color-secundario);
}

.navbar .navbar-nav > li > a.btn-info:hover,
.navbar .navbar-nav > li > a.btn-info:focus,
.navbar .navbar-nav > li > a.btn-info:active,
.navbar .navbar-nav > li > a.btn-info.active,
.open > .navbar .navbar-nav > li > a.btn-info.dropdown-toggle,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
    background-color: var(--color-secundario);
    border-color: var(--color-secundario);
}

.navbar .navbar-nav > li > a.btn-info.disabled,
.navbar .navbar-nav > li > a.btn-info:disabled,
.navbar .navbar-nav > li > a.btn-info[disabled],
.btn-info.disabled,
.btn-info:disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info {
    border-color: var(--color-secundario);
}

.navbar .navbar-nav > li > a.btn-info .caret,
.btn-info .caret {
    border-top-color: var(--color-secundario);
}

/* Botones rellenos (.btn-fill): los botones de DataTables (Copy, CSV, PDF,
   Print) y el boton "+Agregar datos" usan btn-info.btn-fill o
   btn-primary.btn-fill, que en el original tenian el celeste fijo
   #23CCEF sin importar el color base. Forzamos el color secundario
   en ambas variantes. */
.btn-info.btn-fill,
.btn-primary.btn-fill,
.navbar .navbar-nav > li > a.btn-info.btn-fill,
.navbar .navbar-nav > li > a.btn-primary.btn-fill {
    background-color: var(--color-secundario) !important;
    border-color: var(--color-secundario) !important;
    color: #FFFFFF !important;
}

.btn-info.btn-fill:hover,
.btn-info.btn-fill:focus,
.btn-info.btn-fill:active,
.btn-primary.btn-fill:hover,
.btn-primary.btn-fill:focus,
.btn-primary.btn-fill:active,
.navbar .navbar-nav > li > a.btn-info.btn-fill:hover,
.navbar .navbar-nav > li > a.btn-primary.btn-fill:hover {
    background-color: var(--color-primario) !important;
    border-color: var(--color-primario) !important;
    color: #FFFFFF !important;
}

.btn-info.btn-simple,
.btn-primary.btn-simple {
    color: var(--color-secundario) !important;
}

/* Boton .btn-primary simple (sin fill): borde celeste del boton de
   Accion "..." en las tablas (dropdown-toggle por fila). */
.navbar .navbar-nav > li > a.btn-primary,
.btn-primary {
    border-color: var(--color-secundario) !important;
}

.navbar .navbar-nav > li > a.btn-primary:hover,
.navbar .navbar-nav > li > a.btn-primary:focus,
.navbar .navbar-nav > li > a.btn-primary:active,
.navbar .navbar-nav > li > a.btn-primary.active,
.open > .navbar .navbar-nav > li > a.btn-primary.dropdown-toggle,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
    background-color: var(--color-secundario) !important;
    border-color: var(--color-secundario) !important;
    color: #FFFFFF !important;
}

/* Navbar superior: links y dropdowns en estado hover/focus/open */
.navbar-default .navbar-nav > li > a:not(.btn):focus {
    color: var(--color-secundario);
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: var(--color-secundario);
    border-top-color: var(--color-secundario);
}

.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: var(--color-secundario);
}

.navbar-default:not(.navbar-transparent) .btn-default:hover {
    color: var(--color-secundario);
    border-color: var(--color-secundario);
}

/* Dropdown menu info */
.dropdown-menu.dropdown-info > li > a:hover,
.dropdown-menu.dropdown-info > li > a:focus {
    background-color: var(--color-secundario);
}

/* Badges */
.fixed-plugin .badge-info {
    background-color: var(--color-secundario);
}

/* Graficos (Chartist) */
.ct-azure {
    stroke: var(--color-secundario) !important;
}

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
    stroke: var(--color-secundario);
}

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-area {
    fill: var(--color-secundario);
}

/* Tarjetas con sombra suave en vez de borde, para destacar sobre el
   fondo oscuro de pagina */
.card,
.panel,
.kpi-card,
.circ-card {
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(15,31,46,.06), 0 8px 20px -14px rgba(15,31,46,.35) !important;
}

/* Tarjetas con sombra suave en vez de borde, para destacar sobre el
   fondo oscuro de pagina */
.card,
.panel,
.kpi-card,
.circ-card {
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(15,31,46,.06), 0 8px 20px -14px rgba(15,31,46,.35) !important;
}

/* Tarjetas KPI del panel (Total de activos, componentes, mantenimientos,
   empleados) - alineadas a la paleta nordica en vez del Bootstrap original */
.background-blue {
    background: linear-gradient(135deg, #16273A 0%, #2D6E8C 100%) !important;
}
.background-yellow {
    background: linear-gradient(135deg, #A66F1F 0%, #C08A2E 100%) !important;
}
.background-green {
    background: linear-gradient(135deg, #2C6B4A 0%, #3C8C63 100%) !important;
}
.background-red {
    background: linear-gradient(135deg, #8C3D52 0%, #B3536A 100%) !important;
}