/* =========================================================
   CENTRI UI FINAL V6
   Sidebar con el mismo color en todo el menú + look Centri.
   Este archivo es solo visual: no cambia rutas, permisos ni lógica.
   ========================================================= */
:root{
  --centri-final-navy:#061A46;
  --centri-final-navy-2:#092A70;
  --centri-final-navy-3:#0B3A8F;
  --centri-final-aqua:#54D2BB;
  --centri-final-aqua-2:#19bba3;
  --centri-final-white:#ffffff;
  --centri-final-text:rgba(255,255,255,.90);
  --centri-final-muted:rgba(255,255,255,.62);
  --centri-final-line:rgba(255,255,255,.14);
  --centri-final-glass:rgba(255,255,255,.09);
  --centri-final-glass-2:rgba(255,255,255,.14);
  --centri-final-shadow:0 24px 70px rgba(2,13,43,.34);
}

body.sis-theme,
body.ev-themehub{
  background:#eef3f8!important;
}
body.sis-theme .sis-shell,
body.sis-theme .thetop{
  gap:18px!important;
  padding:12px!important;
  background:#eef3f8!important;
}
body.sis-theme .sis-main-shell{
  border-radius:26px!important;
  overflow:hidden!important;
  background:#f5f8fb!important;
  box-shadow:0 18px 55px rgba(5,25,70,.08)!important;
}

/* SIDEBAR: mismo color, sin panel blanco interno */
html body .side-bar.crenti-sidebar.centri-sidebar-pro,
html body aside.side-bar.crenti-sidebar.centri-sidebar-pro,
html body aside.side-bar.crenti-sidebar,
html body .crenti-sidebar.centri-sidebar-pro,
html body .side-bar{
  width:306px!important;
  min-width:306px!important;
  max-width:306px!important;
  height:calc(100vh - 24px)!important;
  max-height:calc(100vh - 24px)!important;
  margin:0!important;
  padding:14px 12px!important;
  position:sticky!important;
  top:12px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:var(--centri-final-white)!important;
  background:
    radial-gradient(circle at 15% 7%, rgba(84,210,187,.21) 0, transparent 26%),
    radial-gradient(circle at 95% 76%, rgba(26,125,255,.24) 0, transparent 34%),
    linear-gradient(180deg,var(--centri-final-navy-3) 0%, var(--centri-final-navy-2) 42%, var(--centri-final-navy) 100%)!important;
  box-shadow:var(--centri-final-shadow)!important;
}
html body .crenti-sidebar::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 30%,rgba(255,255,255,.035))!important;
  pointer-events:none!important;
}
html body .crenti-sidebar > *{position:relative!important;z-index:1!important;}

html body .crenti-sidebar-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 12px!important;
  padding:12px!important;
  border-radius:23px!important;
  border:1px solid var(--centri-final-line)!important;
  background:rgba(255,255,255,.095)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 12px 26px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(14px)!important;
}
html body .crenti-sidebar-brand__home{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  color:#fff!important;
  text-decoration:none!important;
}
html body .crenti-sidebar-brand__logo{
  width:48px!important;height:48px!important;min-width:48px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:7px!important;border-radius:17px!important;overflow:hidden!important;
  background:#fff!important;border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.22)!important;
}
html body .crenti-sidebar-brand__logo img{width:34px!important;height:34px!important;object-fit:contain!important;}
html body .crenti-sidebar-brand__copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important;}
html body .crenti-sidebar-brand__eyebrow{color:var(--centri-final-aqua)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important;margin-bottom:4px!important;}
html body .crenti-sidebar-brand__copy strong{color:#fff!important;font-size:16px!important;font-weight:900!important;letter-spacing:-.02em!important;max-width:160px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body .crenti-sidebar-brand__copy small{color:var(--centri-final-muted)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important;margin-top:4px!important;}
html body .crenti-sidebar-brand__toggle{
  width:38px!important;height:38px!important;min-width:38px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:15px!important;border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important;
}
html body .crenti-sidebar-brand__toggle:hover{background:rgba(84,210,187,.24)!important;border-color:rgba(84,210,187,.45)!important;}

/* Elimina de raíz el rectángulo blanco de navegación */
html body .crenti-sidebar-menu-wrap,
html body .crenti-sidebar .sis-nav,
html body .crenti-sidebar #side-bar,
html body .crenti-sidebar .sidebar,
html body .crenti-sidebar .sidebar-menu,
html body .crenti-sidebar .nav,
html body aside.side-bar .sidebar-menu{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body .crenti-sidebar-menu-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:5px 4px 10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-radius:24px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(84,210,187,.95) transparent!important;
}
html body .crenti-sidebar-menu-wrap::-webkit-scrollbar{width:4px!important;height:4px!important;}
html body .crenti-sidebar-menu-wrap::-webkit-scrollbar-track{background:transparent!important;}
html body .crenti-sidebar-menu-wrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--centri-final-aqua),#167eec)!important;border-radius:999px!important;}
html body .crenti-sidebar-menu-wrap *{box-sizing:border-box!important;}
html body .crenti-sidebar .sis-nav,
html body .crenti-sidebar ul,
html body .crenti-sidebar li,
html body .crenti-sidebar .sis-nav-cluster,
html body .crenti-sidebar .sis-nav-cluster__body,
html body .crenti-sidebar .sis-nav-group,
html body .crenti-sidebar .sis-nav-children,
html body .crenti-sidebar .sis-nav-children-inner,
html body .crenti-sidebar .treeview,
html body .crenti-sidebar .treeview-menu{
  list-style:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html body .crenti-sidebar .sis-nav-cluster{margin:0 0 7px!important;}
html body .crenti-sidebar .sis-nav-cluster + .sis-nav-cluster{padding-top:8px!important;border-top:1px solid rgba(255,255,255,.075)!important;}
html body .crenti-sidebar .sis-nav-section,
html body .crenti-sidebar .menu-header,
html body .crenti-sidebar .sidebar-menu li.header{
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:11px 11px 7px!important;margin:0!important;
  background:transparent!important;border:0!important;color:rgba(255,255,255,.52)!important;
  font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.18em!important;line-height:1!important;
}
html body .crenti-sidebar .sis-nav-section::before,
html body .crenti-sidebar .menu-header::before,
html body .crenti-sidebar .sidebar-menu li.header::before{
  content:""!important;width:6px!important;height:6px!important;min-width:6px!important;border-radius:999px!important;background:var(--centri-final-aqua)!important;box-shadow:0 0 0 4px rgba(84,210,187,.12)!important;
}

html body .crenti-sidebar .sis-nav-item,
html body .crenti-sidebar .sis-nav-group-toggle,
html body .crenti-sidebar .sidebar-menu > li > a,
html body .crenti-sidebar .treeview-menu > li > a{
  position:relative!important;
  min-height:48px!important;
  display:flex!important;align-items:center!important;gap:11px!important;
  width:100%!important;margin:5px 0!important;padding:10px 11px!important;
  border-radius:18px!important;border:1px solid transparent!important;
  background:transparent!important;color:var(--centri-final-text)!important;
  font-size:13.5px!important;font-weight:850!important;line-height:1.1!important;letter-spacing:-.01em!important;
  text-decoration:none!important;box-shadow:none!important;transition:background .18s ease, border-color .18s ease, transform .18s ease, color .18s ease!important;
}
html body .crenti-sidebar .sis-nav-item > i,
html body .crenti-sidebar .sis-nav-group-toggle > i,
html body .crenti-sidebar .sis-nav-subitem > i,
html body .crenti-sidebar .sidebar-menu > li > a > i,
html body .crenti-sidebar .treeview-menu > li > a > i{
  width:34px!important;height:34px!important;min-width:34px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;border-radius:13px!important;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.09)!important;
  color:rgba(255,255,255,.86)!important;font-size:14px!important;
}
html body .crenti-sidebar .sis-nav-item span,
html body .crenti-sidebar .sis-nav-group-toggle span{color:inherit!important;min-width:0!important;}
html body .crenti-sidebar .sis-nav-caret{margin-left:auto!important;width:18px!important;height:18px!important;min-width:18px!important;color:rgba(255,255,255,.56)!important;opacity:1!important;}
html body .crenti-sidebar .sis-nav-item:hover,
html body .crenti-sidebar .sis-nav-group-toggle:hover,
html body .crenti-sidebar .sidebar-menu > li:hover > a,
html body .crenti-sidebar .treeview-menu > li:hover > a{
  transform:translateX(2px)!important;background:var(--centri-final-glass)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important;
}
html body .crenti-sidebar .sis-nav-item.is-active,
html body .crenti-sidebar .sis-nav-group.is-open > .sis-nav-group-toggle,
html body .crenti-sidebar .sidebar-menu > li.active > a,
html body .crenti-sidebar .sidebar-menu > li.menu-open > a,
html body .crenti-sidebar .treeview-menu > li.active > a{
  background:linear-gradient(135deg,#13bfa8 0%,#54D2BB 55%,#7ee8d8 100%)!important;
  color:#fff!important;border-color:rgba(255,255,255,.25)!important;
  box-shadow:0 16px 28px rgba(19,191,168,.24)!important;
}
html body .crenti-sidebar .sis-nav-item.is-active > i,
html body .crenti-sidebar .sis-nav-group.is-open > .sis-nav-group-toggle > i,
html body .crenti-sidebar .sidebar-menu > li.active > a > i{
  background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;
}
html body .crenti-sidebar .sis-nav-children{
  margin:0 0 8px 44px!important;padding:3px 0 4px 10px!important;border-left:1px solid rgba(84,210,187,.32)!important;background:transparent!important;
}
html body .crenti-sidebar .sis-nav-subitem{
  min-height:36px!important;display:flex!important;align-items:center!important;gap:8px!important;margin:3px 0!important;padding:8px 10px!important;
  border-radius:13px!important;background:transparent!important;color:rgba(255,255,255,.72)!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;
}
html body .crenti-sidebar .sis-nav-subitem:hover,
html body .crenti-sidebar .sis-nav-subitem.is-active{background:rgba(255,255,255,.105)!important;color:#fff!important;}
html body .crenti-sidebar .sis-nav-subitem i{width:22px!important;height:22px!important;min-width:22px!important;border-radius:9px!important;font-size:11px!important;background:rgba(255,255,255,.08)!important;}

html body .crenti-sidebar-footer{
  flex:0 0 auto!important;margin:12px 0 0!important;padding:0!important;border:0!important;background:transparent!important;
}
html body .crenti-sidebar-footer__card{
  padding:13px!important;border-radius:20px!important;border:1px solid var(--centri-final-line)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body .crenti-sidebar-footer__card span{display:block!important;color:var(--centri-final-aqua)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;}
html body .crenti-sidebar-footer__card strong{display:block!important;color:#fff!important;font-size:14px!important;font-weight:900!important;margin:3px 0!important;}
html body .crenti-sidebar-footer__card small{display:block!important;color:var(--centri-final-muted)!important;font-size:11px!important;line-height:1.35!important;}
html body .crenti-sidebar-logout{display:flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;margin-top:8px!important;padding:9px 12px!important;border-radius:16px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;}
html body .crenti-sidebar-logout:hover{background:rgba(239,68,68,.22)!important;color:#fff!important;}

/* Colapsado */
html body.sidebar-collapse .side-bar.crenti-sidebar,
html body.sidebar-collapse aside.side-bar.crenti-sidebar{
  width:92px!important;min-width:92px!important;max-width:92px!important;padding:12px 9px!important;
}
html body.sidebar-collapse .crenti-sidebar-brand{padding:10px 6px!important;flex-direction:column!important;}
html body.sidebar-collapse .crenti-sidebar-brand__copy,
html body.sidebar-collapse .crenti-sidebar-footer__card,
html body.sidebar-collapse .crenti-sidebar-logout span,
html body.sidebar-collapse .crenti-sidebar .sis-nav-item span,
html body.sidebar-collapse .crenti-sidebar .sis-nav-group-toggle span,
html body.sidebar-collapse .crenti-sidebar .sis-nav-section,
html body.sidebar-collapse .crenti-sidebar .sis-nav-children{display:none!important;}
html body.sidebar-collapse .crenti-sidebar .sis-nav-item,
html body.sidebar-collapse .crenti-sidebar .sis-nav-group-toggle{justify-content:center!important;padding:10px!important;}
html body.sidebar-collapse .crenti-sidebar .sis-nav-item > i,
html body.sidebar-collapse .crenti-sidebar .sis-nav-group-toggle > i{margin:0!important;}
html body.sidebar-collapse .crenti-sidebar .sis-nav-caret{display:none!important;}

@media(max-width:991px){
  html body .small-view-side-active,
  html body .side-bar.small-view-side-active{
    width:min(320px,calc(100vw - 20px))!important;
    min-width:min(320px,calc(100vw - 20px))!important;
    max-width:min(320px,calc(100vw - 20px))!important;
    height:calc(100vh - 20px)!important;
    max-height:calc(100vh - 20px)!important;
    margin:10px!important;
    top:0!important;
    left:0!important;
    position:fixed!important;
    z-index:1065!important;
  }
}