/* NUVYTRAX - Identidad visual */

:root {
  --nuvy-navy: #071426;
  --nuvy-blue: #102744;
  --nuvy-cyan: #00d9ff;
}

body {
  background-color: var(--nuvy-navy);
}

#root {
  min-height: 100vh;
}
/* NUVYTRAX - Botones tecnológicos */

.MuiButton-containedPrimary {
    background: linear-gradient(135deg, #102744, #007fa3) !important;
    color: #ffffff !important;
    border: 1px solid #00d9ff !important;
    border-radius: 10px !important;
    box-shadow: 0 0 12px rgba(0, 217, 255, 0.35) !important;
    transition: all 0.3s ease !important;
}

.MuiButton-containedPrimary:hover {
    background: linear-gradient(135deg, #007fa3, #00aacc) !important;
    box-shadow: 0 0 20px rgba(0, 217, 255, 0.65) !important;
}
/* NUVYTRAX - Botón agregar dispositivo */

.sidebar .MuiToolbar-root .MuiIconButton-root:last-child {
    background: linear-gradient(135deg, #102744, #007fa3) !important;
    color: #00d9ff !important;
    border: 1px solid #00d9ff !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px rgba(0, 217, 255, 0.35) !important;
    margin: 4px !important;
}

.sidebar .MuiToolbar-root .MuiIconButton-root:last-child:hover {
    background: #007fa3 !important;
    color: white !important;
    box-shadow: 0 0 18px rgba(0, 217, 255, 0.65) !important;
}
/* NUVYTRAX - Botones tecnológicos */

.MuiIconButton-root {
    background: #102744 !important;
    color: #00d9ff !important;
    border: 1px solid #00d9ff !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}

.MuiIconButton-root:hover {
    background: #007fa3 !important;
    box-shadow: 0 0 15px rgba(0, 217, 255, 0.5) !important;
}
/* NUVYTRAX - Panel lateral oscuro */

[class*="sidebar"],
[class*="contentList"] {
    background-color: #071426 !important;
    color: #e8f7ff !important;
}
/* NUVYTRAX - Barra inferior */

[class*="sidebar"] [class*="footer"] {
    background-color: #071426 !important;
    border-top: 1px solid #00d9ff !important;
}

[class*="sidebar"] [class*="footer"] button {
    color: #00d9ff !important;
}

[class*="sidebar"] [class*="footer"] svg {
    color: #00d9ff !important;
}
/* NUVYTRAX - Fondo de navegación inferior */

[class*="sidebar"] [class*="footer"],
[class*="sidebar"] [class*="footer"] .MuiBottomNavigation-root {
    background: #071426 !important;
    background-color: #071426 !important;
}

[class*="sidebar"] [class*="footer"] .MuiBottomNavigationAction-root {
    background-color: transparent !important;
    color: #00d9ff !important;
}
/* NUVYTRAX - Encabezado tecnológico */

.muiltr-1h9yz5-sidebar > .MuiPaper-root:first-child {
    background: #071426 !important;
    border-bottom: 1px solid #00d9ff !important;
    box-shadow: 0 2px 12px rgba(0, 217, 255, 0.18) !important;
}

/* Mantener blanco el campo de búsqueda */
.muiltr-1h9yz5-sidebar .MuiOutlinedInput-root {
    background-color: #ffffff !important;
    border-radius: 7px !important;
}

/* Botones del encabezado */
.muiltr-1h9yz5-sidebar .MuiIconButton-root {
    color: #00d9ff !important;
    border-radius: 9px !important;
}
/* NUVYTRAX - Encabezado superior */

.muiltr-1h9yz5-sidebar .MuiToolbar-root {
    background-color: #071426 !important;
    border-bottom: 1px solid #00d9ff !important;
}

/* Buscador blanco */
.muiltr-1h9yz5-sidebar .MuiOutlinedInput-root {
    background-color: #ffffff !important;
}
/* NUVYTRAX - Encabezado azul marino */
.muiltr-1h9yz5-sidebar > .MuiPaper-root > .MuiToolbar-root {
    background-color: #071426 !important;
    border-bottom: 1px solid #00d9ff !important;
}

/* Conservar el buscador blanco */
.muiltr-1h9yz5-sidebar .MuiOutlinedInput-root {
    background-color: #ffffff !important;
}
/* NUVYTRAX - Encabezado definitivo */
.muiltr-1h9yz5-sidebar .MuiToolbar-root {
    background-color: #071426 !important;
    border-bottom: 1px solid #00d9ff !important;
}

/* Conservar el buscador blanco */
.muiltr-1h9yz5-sidebar .MuiOutlinedInput-root {
    background-color: #ffffff !important;
}
/* Fondo azul marino del encabezado del buscador */
.MuiToolbar-root.muiltr-u0ims2-toolbar {
    background-color: #071426 !important;
}

/* Buscador blanco */
.MuiToolbar-root .MuiOutlinedInput-root {
    background-color: #ffffff !important;
}