/* Marca Ingenium Codex sobre Guacamole: oculta nombre y version de Guacamole, pone el logo del sitio */
:root {
    --ic-fondo: #0b1020;
    --ic-fondo-2: #1e1b4b;
    --ic-acento: #6366f1;
}

/* Pantalla de inicio de sesion */
.login-ui {
    background: radial-gradient(circle at 50% 20%, var(--ic-fondo-2), var(--ic-fondo) 70%) !important;
}

.login-ui .login-dialog-middle .logo,
.login-ui .logo {
    background: url("app/ext/ingenium/images/logo.png") center / contain no-repeat !important;
    width: 100% !important;
    max-width: 320px;
    height: 118px !important;
    margin: 0 auto 1em auto;
    -webkit-mask: none !important;
}

/* Caja de login oscura: el logo del sitio es blanco y se pierde sobre fondo claro */
.login-ui .login-dialog,
.login-ui .login-dialog-middle {
    background: var(--ic-fondo) !important;
    border: 1px solid rgba(99, 102, 241, 0.45) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.55);
}
.login-ui .login-dialog .labeled-field {
    background: #f8fafc !important;
    border-radius: 3px;
}
.login-ui .login-dialog input[type="text"],
.login-ui .login-dialog input[type="password"] {
    background: transparent !important;
    color: #0b1020 !important;
}
.login-ui .login-dialog input::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}
/* El rotulo del campo es una etiqueta superpuesta: gris pizarra sobre el campo claro */
.login-ui .labeled-field .field-header,
.login-ui .labeled-field .field-header label {
    color: #64748b !important;
}

/* Barras de titulo dentro de la aplicacion: texto claro sobre fondo oscuro */
.header h2,
.header .user-menu a,
.header .user-menu .menu-title,
.header .user-menu .username,
.header .filter input {
    color: #f1f5f9 !important;
}
.header .user-menu .icon.user {
    filter: invert(1);
}

/* Oculta "Apache Guacamole" y su numero de version en el login */
.login-ui .version,
.login-ui .app-name,
.login-ui .version-number {
    display: none !important;
}

.login-ui .login-dialog .buttons button,
.login-ui .login-dialog input[type="submit"] {
    background: var(--ic-acento) !important;
    border-color: var(--ic-acento) !important;
    color: #fff !important;
}

/* Cabecera dentro de la aplicacion (inicio y cliente) */
.header .logo,
.menu-dropdown .logo {
    background: url("app/ext/ingenium/images/logo.png") left center / contain no-repeat !important;
    width: 110px !important;
    background-color: var(--ic-fondo) !important;
}
.header .logo .version,
.header .logo .app-name {
    display: none !important;
}
.header {
    background-color: var(--ic-fondo) !important;
}