/* EVOrbit sidebar standard — desktop navigation only. */
:root{
  --ev-nav-width:266px
}
.cp-sidebar{
  width:var(--ev-nav-width)!important;
  padding:27px 14px 16px!important;
  background:linear-gradient(180deg,var(--cp-nav-surface-start),var(--cp-nav-surface-end))!important;
  box-shadow:var(--cp-nav-shadow)!important
}
.cp-brand{
  min-height:74px!important;
  padding:0 13px 34px!important
}
.cp-nav-label{
  margin:15px 12px 7px!important;
  color:var(--cp-nav-text-muted)!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.12em!important
}
.cp-nav a{
  min-height:42px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  color:var(--cp-nav-text)!important;
  font:600 .8rem/1 var(--cp-font-sans)!important
}
.cp-nav a:hover{
  background:var(--cp-nav-surface-hover)!important;
  color:var(--cp-nav-text-hover)!important
}
.cp-nav a.is-active{
  background:linear-gradient(90deg,var(--cp-nav-active-soft-start),var(--cp-nav-active-soft-end))!important;
  color:var(--cp-nav-active-text)!important;
  box-shadow:inset 3px 0 var(--cp-nav-active)!important
}
.cp-nav a.is-active i{
  color:var(--cp-nav-active)!important
}
@media(min-width:901px) and (max-width:1100px){
  .cp-app-frame{
    grid-template-columns:230px minmax(0,1fr)!important
  }
  .cp-sidebar{
    width:230px!important
  }
}