/* =================================================
   CENTINELA - SESION ACTIVA COMPACTA
   ================================================= */

.cent-session-box{
    margin:10px 14px 12px !important;
    padding:10px 12px !important;
    border-radius:14px !important;

    background:linear-gradient(180deg,#114d7f 0%, #0d426e 100%) !important;
    border:1px solid rgba(170,220,255,.22) !important;
    box-shadow:0 6px 18px rgba(0,20,45,.16) !important;

    font-family:"Segoe UI", Arial, sans-serif !important;
}

.cent-session-state{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;

    color:#ffffff !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.2px !important;
    margin-bottom:6px !important;
}

.cent-session-dot{
    width:9px !important;
    height:9px !important;
    flex:0 0 9px !important;
    border-radius:50% !important;
    background:#67e8a5 !important;
    box-shadow:0 0 0 4px rgba(103,232,165,.10) !important;
}

.cent-session-time{
    margin-top:2px !important;
    color:#e6f4ff !important;
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
}

.cent-session-time strong{
    color:#ffffff !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.cent-session-duration{
    margin-top:4px !important;
    color:#bfe0ff !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
}

.cent-session-logout{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;

    margin-top:8px !important;
    min-height:34px !important;
    padding:0 10px !important;

    border:none !important;
    border-radius:10px !important;

    background:#d9ecff !important;
    color:#0c416b !important;
    text-decoration:none !important;

    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.1px !important;

    box-shadow:0 2px 8px rgba(0,0,0,.08) !important;
    transition:all .15s ease !important;
}

.cent-session-logout:hover{
    background:#edf7ff !important;
    color:#082f50 !important;
    transform:translateY(-1px) !important;
}

.cent-session-logout:active{
    transform:translateY(0) !important;
}

.cent-session-logout svg{
    width:15px !important;
    height:15px !important;
    flex:0 0 15px !important;

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2.2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

/* si existe el logout viejo, se oculta */
.cent-session-managed .cent-v2-footer .cent-v2-logout{
    display:none !important;
}

/* ==============================================
   CENTINELA - COLOR DEFINITIVO SESION
   ============================================== */

.cent-session-box{
    background:#0F4877 !important;
    border:1px solid rgba(160,210,245,.20) !important;
}

/* textos */

.cent-session-state{
    color:#FFFFFF !important;
}

.cent-session-time{
    color:#FFFFFF !important;
}

.cent-session-time strong{
    color:#FFFFFF !important;
}

.cent-session-duration{
    color:#D9ECFF !important;
}

/* punto sesión */

.cent-session-dot{
    background:#68E3A5 !important;
    box-shadow:
        0 0 0 4px
        rgba(104,227,165,.13) !important;
}

/* botón */

.cent-session-logout{
    background:#EDF7FF !important;
    color:#073A61 !important;
    border:none !important;
}

.cent-session-logout:hover{
    background:#FFFFFF !important;
    color:#062F50 !important;
}


/* ==========================================
   CENTINELA - CERRAR SESIÓN AZUL OSCURO
   ========================================== */

.cent-session-logout{
    color:#07345c !important;
    font-weight:800 !important;
}

/* también el icono */
.cent-session-logout svg{
    color:#07345c !important;
    stroke:#07345c !important;
}

/* hover */
.cent-session-logout:hover{
    color:#07345c !important;
}

.cent-session-logout:hover svg{
    stroke:#07345c !important;
}


/* ==========================================
   CENTINELA - CERRAR SESIÓN AZUL OSCURO
   ========================================== */

.cent-session-logout{
    color:#07345c !important;
    font-weight:800 !important;
}

/* también el icono */
.cent-session-logout svg{
    color:#07345c !important;
    stroke:#07345c !important;
}

/* hover */
.cent-session-logout:hover{
    color:#07345c !important;
}

.cent-session-logout:hover svg{
    stroke:#07345c !important;
}