/* Estilos propios de Tribum Sueldos. Lo compartido con los demás productos vive en Platform.Web (css/tribum.css).

   ── Paleta de Sueldos ───────────────────────────────────────────────────────
   Marino y verde azulado: la gama que se asocia a personas y recursos humanos (confianza y cuidado), y la que
   ya usa RH Positivo. Mismos tokens que Contab, otros valores: el resto de la interfaz no cambia.

   Regla de contraste: el verde de marca (#00bb94) es muy claro para llevar texto blanco encima, así que solo se
   usa de realce (línea de la barra, indicadores). Botones y enlaces usan el verde azulado oscuro (#0f766e,
   contraste 5.5:1 con blanco). */
:root {
    --contab-tinta: #0f172a;
    --contab-tinta-suave: #64748b;
    --contab-acento: #0f766e;
    --contab-acento-oscuro: #0b5e57;
    --contab-acento-tenue: #e6f6f3;
    --contab-panel: #0d1b3d;
    --contab-panel-borde: #103a5f;
    --contab-linea: #e6eaf0;
    --contab-fondo: #f7f9fc;
    --contab-ok: #0a9d7d;
    --contab-ok-tenue: #e3f6f1;
    --contab-alerta: #b91c1c;
    --contab-alerta-tenue: #fee2e2;
    --contab-aviso: #92400e;
    --contab-aviso-tenue: #fef3c7;

    --tribum-barra: #0d1b3d;
    --tribum-barra-borde: #103a5f;
    --sueldos-realce: #00bb94;
}

/* Pestañas del sitio: subrayado de color en la activa, sin cajas ni bordes sueltos. */
.nav.nav-tabs {
    border-bottom: 1px solid var(--contab-linea);
    gap: 0.25rem;
}

.nav.nav-tabs .nav-link {
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    margin-bottom: -1px;
    padding: 0.55rem 0.9rem;
    background: none;
    color: var(--contab-tinta-suave);
    font-weight: 500;
}

.nav.nav-tabs .nav-link:hover,
.nav.nav-tabs .nav-link:focus-visible {
    color: var(--contab-tinta);
    border-bottom-color: var(--contab-linea);
}

.nav.nav-tabs .nav-link.active {
    color: var(--contab-acento);
    background: none;
    border-bottom-color: var(--contab-acento);
}