/* V37 - Sidebar blanca limpia con iconos grises y hover suave */
:root{
  --temac-sidebar-bg:#f8f9fb;
  --temac-sidebar-line:#e2e6ec;
  --temac-sidebar-icon:#7b828d;
  --temac-sidebar-icon-hover:#4b525c;
  --temac-sidebar-hover:#edf0f4;
  --temac-sidebar-active:#cf283a;
  --temac-sidebar-active-shadow:0 10px 24px rgba(207,40,58,.24);
}
body>.temac-v28.app.studio-shell>.sidebar.studio-sidebar{
  background:linear-gradient(180deg,#fbfbfc 0%,#f5f7fa 100%)!important;
  border-right:1px solid var(--temac-sidebar-line)!important;
  box-shadow:8px 0 24px rgba(25,35,52,.05)!important;
}
body>.temac-v28 .studio-sidebar .navlink{
  color:var(--temac-sidebar-icon)!important;
  background:transparent!important;
  transition:background-color .16s ease,color .16s ease, box-shadow .16s ease!important;
}
body>.temac-v28 .studio-sidebar .navlink i{color:inherit!important}
body>.temac-v28 .studio-sidebar .navlink:hover,
body>.temac-v28 .studio-sidebar .navlink:focus-visible{
  background:var(--temac-sidebar-hover)!important;
  color:var(--temac-sidebar-icon-hover)!important;
}
body>.temac-v28 .studio-sidebar .navlink.active,
body>.temac-v28 .studio-sidebar .navlink.active:hover,
body>.temac-v28 .studio-sidebar .navlink.active:focus-visible{
  background:var(--temac-sidebar-active)!important;
  color:#fff!important;
  box-shadow:var(--temac-sidebar-active-shadow)!important;
}
body>.temac-v28 .studio-sidebar .navlink::after{
  background:#2e333b!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 12px 30px rgba(14,18,24,.18)!important;
}
body>.temac-v28 .studio-topbar{
  border-bottom:1px solid #e7ebf0!important;
}
body>.temac-v28 .studio-search-wrap{background:#f8f9fb!important}
@media(max-width:700px){
  body>.temac-v28.app.studio-shell>.sidebar.studio-sidebar{
    background:linear-gradient(180deg,#fbfbfc 0%,#f5f7fa 100%)!important;
  }
}