/* ==========================================================
   CIPAVI · Navegación lateral uniforme
   Mantiene la línea visual existente y añade estado activo.
   ========================================================== */
:root{
    --cipavi-sidebar-bg:#1f2937;
    --cipavi-sidebar-hover:#2c3b4f;
    --cipavi-sidebar-active:#26384d;
    --cipavi-sidebar-accent:#2f80ed;
    --cipavi-sidebar-width:65px;
}

#main-wrapper .left-sidebar[data-sidebarbg="skin5"],
#main-wrapper .left-sidebar[data-sidebarbg="skin5"] ul,
.cipavi-standalone-sidebar,
.cipavi-standalone-sidebar ul{
    background:var(--cipavi-sidebar-bg)!important;
}

#main-wrapper .left-sidebar .sidebar-nav > ul,
.cipavi-standalone-sidebar .sidebar-nav > ul{
    margin:0;
    padding-left:0;
}

#main-wrapper .left-sidebar .sidebar-item,
.cipavi-standalone-sidebar .sidebar-item{
    position:relative;
    list-style:none;
}

#main-wrapper .left-sidebar .sidebar-link,
.cipavi-standalone-sidebar .sidebar-link{
    min-height:58px;
    padding:10px 7px!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    border-left:3px solid transparent;
    opacity:.78!important;
    transition:background-color .16s ease,opacity .16s ease,border-color .16s ease,transform .16s ease;
}

#main-wrapper .left-sidebar .sidebar-link:hover,
#main-wrapper .left-sidebar .sidebar-item.cipavi-nav-active > .sidebar-link,
#main-wrapper .left-sidebar .sidebar-item.cipavi-nav-active .sidebar-link,
.cipavi-standalone-sidebar .sidebar-link:hover,
.cipavi-standalone-sidebar .sidebar-item.cipavi-nav-active > .sidebar-link{
    background:var(--cipavi-sidebar-active)!important;
    opacity:1!important;
    border-left-color:var(--cipavi-sidebar-accent);
}

#main-wrapper .left-sidebar .sidebar-link:hover,
.cipavi-standalone-sidebar .sidebar-link:hover{
    background:var(--cipavi-sidebar-hover)!important;
}

#main-wrapper .left-sidebar .sidebar-link img,
.cipavi-standalone-sidebar .sidebar-link img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    object-fit:contain;
    display:block;
}

#main-wrapper .left-sidebar .sidebar-item.cipavi-nav-active::after,
.cipavi-standalone-sidebar .sidebar-item.cipavi-nav-active::after{
    content:"";
    position:absolute;
    right:5px;
    top:50%;
    width:5px;
    height:5px;
    margin-top:-2.5px;
    border-radius:50%;
    background:#fff;
    opacity:.9;
    pointer-events:none;
}

/* Las vistas independientes (Ficha laboral y Caja menor) conservan
   el mismo menú lateral de los módulos Vue. */
.cipavi-standalone-with-sidebar{
    padding-left:var(--cipavi-sidebar-width);
}
.cipavi-standalone-sidebar{
    position:fixed!important;
    left:0;
    top:0!important;
    bottom:0;
    width:var(--cipavi-sidebar-width)!important;
    height:100vh!important;
    padding-top:64px!important;
    z-index:1090!important;
    box-shadow:1px 0 14px rgba(15,23,42,.14)!important;
    overflow-y:auto;
    overflow-x:hidden;
}
.cipavi-standalone-sidebar .scroll-sidebar,
.cipavi-standalone-sidebar .sidebar-nav{
    height:auto;
}
.cipavi-standalone-sidebar .sidebar-link{
    color:#fff;
    text-decoration:none!important;
}
.cipavi-standalone-sidebar .cipavi-sidebar-home .sidebar-link img{
    width:31px!important;
    height:31px!important;
}

@media(max-width:768px){
    .cipavi-standalone-with-sidebar{padding-left:0}
    .cipavi-standalone-sidebar{display:none!important}
}