/* Recoloracion de marca Motherson para las vistas de PasswordRequest (Areas/Empleados) -
   sobreescribe las clases legadas de la marca anterior (azul de ydmehl.css, teal de MDB
   .default-color). Los estados de "correcto/exito" conservan un verde, igual que el resto
   del sitio ya rebrandeado (ydm-home-hero.css .ydm-tag-ok); el resto (encabezados, botones
   primarios) pasa al rojo de marca.

   Nota (2026-08-11): el comentario original decia que esto evitaba tocar ydmehl.css a proposito
   para no afectar otros modulos (Casos, MISAdmin, Bolsa de Trabajo) que tambien lo usan. Eso
   cambio - el usuario pidio explicitamente extender el rebranding a "todo el layout" del area
   Empleados, y ydmehl.css SI se modifico directamente (ver su propio comentario de cabecera)
   porque la mayoria de esas paginas (Casos, MISAdmin, etc.) NUNCA cargaban este archivo overlay,
   asi que solo cambiar aqui no las habria alcanzado. Se verifico que la Bolsa de Trabajo PUBLICA
   (Views/BolsaTrabajo, _LayoutNP.cshtml) no usa ydmehl.css en absoluto - ningun riesgo ahi. Las
   reglas de este archivo y las de ydmehl.css ya no compiten entre si (ambas terminan en rojo),
   solo hay redundancia inofensiva en las paginas que cargan los dos. */
.YDMFontColor {
    color: var(--ydm-color-primary) !important;
}

.YDMBtn-Committee {
    background-color: var(--ydm-color-primary) !important;
}

.YDMBtn-Committee:hover,
.YDMBtn-Committee:focus {
    background-color: var(--ydm-color-primary-hover) !important;
}

.YDMBackgroundAll {
    background: var(--ydm-color-primary) !important;
}

.faColorYDM {
    color: #16a34a !important;
}

.modal-header.default-color {
    background-color: #16a34a !important;
}

/* Navbar de las paginas "sin opciones" (recuperacion de contrasena, errores): mismo blanco +
   logo Motherson que usa el navbar publico (Views/Shared/_Menu.cshtml). Se reproducen aqui
   esas reglas porque estas paginas cargan el bundle css-4.4.4-ehl, que no incluye style.css. */
.ydm-plain-navbar {
    background-color: var(--ydm-color-white) !important;
    box-shadow: 0 1px 0 rgba(3, 7, 18, 0.06);
}

.ydm-plain-navbar .navbar-brand {
    margin: 0;
}

.ydm-navbar-logo {
    height: 32px;
    width: auto;
}

/* mdb-4.4.4.js agrega .top-nav-collapse al hacer scroll (scrolling-navbar) - ydmehl.css pinta
   esa clase de azul (#003399 !important). Misma especificidad que .ydm-plain-navbar, asi que
   el selector compuesto de abajo (mayor especificidad) es lo que gana, sin depender del orden
   en que se cargan las hojas de estilo. */
.ydm-plain-navbar.top-nav-collapse {
    background-color: var(--ydm-color-white) !important;
}

/* Footer del area de Empleados: mismo negro/oscuro de marca que el footer publico
   (Views/Shared/_Footer.cshtml -> footer.page-footer { background-color: var(--ydm-color-dark) })
   en vez del azul viejo de ydmehl.css. */
footer.page-footer {
    background-color: var(--ydm-color-dark) !important;
}

.footerColor {
    background: var(--ydm-color-dark) !important;
}

/* Sticky footer: sin esto, en paginas con poco contenido (RecuperarPassword, etc.) el footer
   queda flotando a media pantalla en vez de pegado abajo. Mismo patron que ya usa
   Areas/Empleados/Views/Shared/_Layout.cshtml para las paginas con menu completo. */
html, body {
    height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.body-content {
    flex: 1 0 auto;
}

footer.page-footer {
    flex-shrink: 0;
}

/* Foco en inputs Material (.md-form): mdb-4.4.4.css pinta el subrayado y la etiqueta de azul
   Google (#4285F4) por defecto - se pasa al rojo de marca para que combine con el resto del
   formulario (labels, botones, encabezados) ya recoloreado arriba. */
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--ydm-color-primary) !important;
    box-shadow: 0 1px 0 0 var(--ydm-color-primary) !important;
}

input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
textarea.md-textarea:focus:not([readonly]) + label {
    color: var(--ydm-color-primary) !important;
}

/* Inputs estandar de Bootstrap (.form-control, sin el efecto Material) que tambien se usan
   en estas vistas - MDB los enfoca con el mismo azul via box-shadow. */
.form-control:focus {
    border-color: var(--ydm-color-primary) !important;
    box-shadow: 0 0 0 0.1rem var(--ydm-color-primary-tint) !important;
}