/* Vectra V65 - Correcoes visuais do menu lateral apos CSS global V64 */
:root{
  --vectra-sidebar-bg-1:#0f2a56;
  --vectra-sidebar-bg-2:#173f7f;
  --vectra-sidebar-card:#1f3c70;
  --vectra-sidebar-card-hover:#27508f;
  --vectra-sidebar-text:#ffffff;
  --vectra-sidebar-muted:#dbe7ff;
  --vectra-sidebar-border:rgba(255,255,255,.10);
}

/* restringe o acabamento ao menu lateral para nao afetar conteudo */
aside.sidebar,
.sidebar,
.app-sidebar,
.vectra-sidebar,
.layout-sidebar,
nav.sidebar{
  background:linear-gradient(180deg,var(--vectra-sidebar-bg-1),var(--vectra-sidebar-bg-2)) !important;
  color:var(--vectra-sidebar-text) !important;
  border-right:1px solid var(--vectra-sidebar-border) !important;
}

/* corrige logo/texto SUPREMA FCM/TR que ficou escuro no V64 */
aside.sidebar .brand,
.sidebar .brand,
.app-sidebar .brand,
.vectra-sidebar .brand,
aside.sidebar .brand *,
.sidebar .brand *,
.app-sidebar .brand *,
.vectra-sidebar .brand *,
aside.sidebar .logo-text,
.sidebar .logo-text,
aside.sidebar .brand-title,
.sidebar .brand-title,
aside.sidebar .brand-subtitle,
.sidebar .brand-subtitle,
aside.sidebar h1,
aside.sidebar h2,
aside.sidebar h3,
.sidebar h1,
.sidebar h2,
.sidebar h3{
  color:var(--vectra-sidebar-text) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
}

aside.sidebar .brand small,
.sidebar .brand small,
aside.sidebar .brand span,
.sidebar .brand span,
aside.sidebar .portal,
.sidebar .portal,
aside.sidebar .subtitle,
.sidebar .subtitle{
  color:var(--vectra-sidebar-muted) !important;
}

/* botoes principais do menu */
aside.sidebar a,
.sidebar a,
.app-sidebar a,
.vectra-sidebar a,
aside.sidebar button,
.sidebar button,
.app-sidebar button,
.vectra-sidebar button,
.sidebar-group-toggle,
.menu-group-toggle{
  color:var(--vectra-sidebar-text) !important;
  text-decoration:none !important;
}

aside.sidebar .menu-item,
.sidebar .menu-item,
aside.sidebar .nav-link,
.sidebar .nav-link,
aside.sidebar .sidebar-link,
.sidebar .sidebar-link,
aside.sidebar .sidebar-group-toggle,
.sidebar .sidebar-group-toggle,
aside.sidebar .menu-group-toggle,
.sidebar .menu-group-toggle,
aside.sidebar nav > a,
.sidebar nav > a{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.055) !important;
  border-radius:14px !important;
  color:#fff !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 16px !important;
  margin:6px 0 !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  box-shadow:none !important;
}

aside.sidebar .menu-item:hover,
.sidebar .menu-item:hover,
aside.sidebar .nav-link:hover,
.sidebar .nav-link:hover,
aside.sidebar .sidebar-link:hover,
.sidebar .sidebar-link:hover,
aside.sidebar .sidebar-group-toggle:hover,
.sidebar .sidebar-group-toggle:hover,
aside.sidebar .menu-group-toggle:hover,
.sidebar .menu-group-toggle:hover,
aside.sidebar nav > a:hover,
.sidebar nav > a:hover{
  background:rgba(255,255,255,.13) !important;
  transform:translateX(1px);
}

/* submenus */
aside.sidebar .submenu,
.sidebar .submenu,
aside.sidebar .menu-submenu,
.sidebar .menu-submenu,
aside.sidebar .sidebar-submenu,
.sidebar .sidebar-submenu{
  margin:4px 0 8px 12px !important;
  padding-left:10px !important;
  border-left:1px solid rgba(255,255,255,.15) !important;
}

aside.sidebar .submenu a,
.sidebar .submenu a,
aside.sidebar .menu-submenu a,
.sidebar .menu-submenu a,
aside.sidebar .sidebar-submenu a,
.sidebar .sidebar-submenu a{
  min-height:38px !important;
  font-size:.94rem !important;
  font-weight:600 !important;
  background:rgba(255,255,255,.045) !important;
  border-radius:10px !important;
  padding:9px 12px !important;
  margin:4px 0 !important;
  color:#f8fbff !important;
}

/* seta de sanfona */
.sidebar .chevron,
.sidebar .arrow,
.sidebar .caret,
aside.sidebar .chevron,
aside.sidebar .arrow,
aside.sidebar .caret{
  margin-left:auto !important;
  color:#e9f2ff !important;
  opacity:.95 !important;
}

/* evita que o CSS global clareie ou escureca indevidamente textos dentro do menu */
aside.sidebar p,
aside.sidebar label,
aside.sidebar span,
.sidebar p,
.sidebar label,
.sidebar span{
  color:inherit;
}

/* logo quadrado */
aside.sidebar .logo,
.sidebar .logo,
aside.sidebar .brand-logo,
.sidebar .brand-logo,
aside.sidebar .avatar,
.sidebar .avatar{
  background:#fff !important;
  color:#1551a4 !important;
  border-radius:16px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}

@media (max-width: 900px){
  aside.sidebar,
  .sidebar,
  .app-sidebar,
  .vectra-sidebar{
    width:min(86vw, 310px) !important;
  }
  aside.sidebar .menu-item,
  .sidebar .menu-item,
  aside.sidebar .nav-link,
  .sidebar .nav-link,
  aside.sidebar nav > a,
  .sidebar nav > a{
    min-height:44px !important;
    padding:10px 14px !important;
  }
}