/* Identidad visual 360HR: colores tomados del logo y ajustes sobre la plantilla.
   Se carga al final para que prevalezca; los colores base ya están aplicados en style.css. */

:root {
    --marca-pizarra: #405070;
    --marca-pizarra-oscuro: #263249;
    --marca-naranja: #d06020;
    --marca-naranja-oscuro: #b04e14;
}

/* Los títulos largos del menú se parten en dos líneas en vez de taparse con la flecha */
.sidebar-area .menu-link .title {
    white-space: normal;
    padding-right: 1.75rem;
    line-height: 1.25;
}

/* Acento naranja de la marca en la opción activa del menú */
.sidebar-area .menu-sub .menu-link.active {
    color: var(--marca-naranja);
    font-weight: 600;
}

/* Las opciones largas de los submenús también se parten en lugar de cortarse */
.sidebar-area .menu-sub .menu-link {
    white-space: normal;
    padding-right: 0.75rem;
    line-height: 1.3;
}

/* Opción activa del menú: barra naranja a la izquierda (sobrevive a los colores de la plantilla) */
.sidebar-area .menu-link.active:not(.menu-toggle) {
    box-shadow: inset 3px 0 0 var(--marca-naranja);
}

/* Botón secundario (Cancelar, Volver): contorno azul pizarra en lugar de un gris oscuro que compite con el principal */
.btn-secondary {
    --bs-btn-color: var(--marca-pizarra);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: var(--marca-pizarra);
    --bs-btn-hover-color: var(--marca-pizarra-oscuro);
    --bs-btn-hover-bg: #e9edf4;
    --bs-btn-hover-border-color: var(--marca-pizarra);
    --bs-btn-focus-shadow-rgb: 64, 80, 112;
    --bs-btn-active-color: var(--marca-pizarra-oscuro);
    --bs-btn-active-bg: #dce3ee;
    --bs-btn-active-border-color: var(--marca-pizarra);
    --bs-btn-disabled-color: #8a96ab;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #bdc8da;
}

/* Formularios: separación entre un campo y la etiqueta del siguiente */
form .form-group > .form-label:not(:first-child) {
    margin-top: 1rem;
}

/* Login (estructura de la plantilla) */
.m-1230 { max-width: 1230px; width: 100%; padding: 1.5rem 0; }
.logo-login { max-width: 200px; height: auto; }
.btn-primary.btn-login { background-color: var(--marca-naranja); border-color: var(--marca-naranja); }
.btn-primary.btn-login:hover { background-color: var(--marca-naranja-oscuro); border-color: var(--marca-naranja-oscuro); }

/* Modo oscuro: el contorno azul pizarra casi no se ve sobre fondo oscuro */
[data-theme=dark] .btn-outline-primary { --bs-btn-color: #b7c4dc; --bs-btn-border-color: #5d7298; }

/* Tablas con muchas columnas: menos relleno lateral para que quepan sin barra horizontal */
.tabla-compacta th, .tabla-compacta td { padding-left: 12px; padding-right: 12px; }

/* Avatar del usuario: círculo con sus iniciales en lugar de una foto */
.avatar-iniciales {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--marca-pizarra);
    color: #fff;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1;
}