/* CSS propio del portal: SOLO lo estrictamente inevitable.
   Todo lo demás usa las clases/utilidades de la plantilla Zynix. */

/* Colores de marca Jhirotec (del logo de https://jhirotec.pe):
   azul marino #0F2B55 (primario) + rojo #C8202E (secundario/acento).
   Al pisar --primary-rgb / --secondary-rgb, todo el tema Zynix se rebrandea
   (botones, menú activo, links, badges, gráficos…) porque deriva de estas vars. */
:root {
    --primary-rgb: 15, 43, 85;
    --secondary-rgb: 200, 32, 46;
}

/* Logo de marca (sidebar/header). El logo es horizontal (navy+rojo sobre transparente). */
.marca-logo {
    height: 30px;
    width: auto;
    max-width: 100%;
}

.marca-logo-login {
    max-width: 230px;
    width: 100%;
    height: auto;
}

/* Chip blanco para el logo dentro del sidebar navy (menu-styles=color). */
.marca-logo-chip {
    display: inline-flex;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 6px 12px;
}

/* Fondo del login: gradiente con el azul marino de marca. */
.portal-login-bg {
    min-height: 100vh;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), .97), rgba(var(--primary-rgb), .78));
}

/* Los toasts deben ir por encima del sidebar/header (z-index del tema ~103). */
.portal-toasts {
    z-index: 2000;
}