/* V6.1.7 — final sidebar appearance authority.
   Loaded after every legacy stylesheet so Appearance Studio always wins. */
:root{
  --sidebar-active:#eef2f7;
  --sidebar-active-text:#111827;
  --sidebar-border:#e4e7ec;
}

/* Core admin/client sidebar — deliberately higher specificity than legacy v30/v40 selectors. */
html body.app-body .app-sidebar,
html body.v30-ui .app-sidebar,
html body.v30-client .app-sidebar,
html body.v40-client-mode .app-sidebar,
html body.v34-client-body .app-sidebar,
html body[class].app-body .app-sidebar{
  background:var(--navy-900)!important;
  background-image:none!important;
  color:var(--sidebar-text)!important;
  border-right:1px solid var(--sidebar-border)!important;
  box-shadow:none!important;
}
html body[class] .app-sidebar .app-brand,
html body[class] .app-sidebar .sidebar-license{
  border-color:var(--sidebar-border)!important;
}
html body[class] .app-sidebar .app-brand strong,
html body[class] .app-sidebar .app-brand small,
html body[class] .app-sidebar .sidebar-license,
html body[class] .app-sidebar .sidebar-license strong,
html body[class] .app-sidebar .sidebar-license small{
  color:var(--sidebar-text)!important;
}
html body[class] .app-sidebar .app-nav a{
  color:color-mix(in srgb,var(--sidebar-text) 82%,transparent)!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body[class] .app-sidebar .app-nav a i{
  color:color-mix(in srgb,var(--sidebar-text) 72%,transparent)!important;
}
html body[class] .app-sidebar .app-nav a:hover{
  background:color-mix(in srgb,var(--sidebar-active) 72%,transparent)!important;
  color:var(--sidebar-active-text)!important;
}
html body[class] .app-sidebar .app-nav a.active,
html body[class] .app-sidebar .app-nav a.active:hover{
  background:var(--sidebar-active)!important;
  color:var(--sidebar-active-text)!important;
  border-color:color-mix(in srgb,var(--sidebar-active-text) 10%,transparent)!important;
  box-shadow:none!important;
}
html body[class] .app-sidebar .app-nav a.active i{
  color:var(--sidebar-active-text)!important;
}
html body[class] .sidebar-license{
  background:color-mix(in srgb,var(--navy-900) 88%,var(--surface))!important;
}

/* Reseller workspace */
html body:not(.rs-login) .rs-sidebar,
html body[class]:not(.rs-login) .rs-sidebar{
  background:var(--navy-900)!important;
  background-image:none!important;
  color:var(--sidebar-text)!important;
  border-right:1px solid var(--sidebar-border)!important;
  box-shadow:none!important;
}
html body[class]:not(.rs-login) .rs-sidebar .rs-brand,
html body[class]:not(.rs-login) .rs-side-foot{border-color:var(--sidebar-border)!important}
html body[class]:not(.rs-login) .rs-sidebar .rs-brand strong,
html body[class]:not(.rs-login) .rs-sidebar .rs-brand small,
html body[class]:not(.rs-login) .rs-side-foot,
html body[class]:not(.rs-login) .rs-side-foot strong,
html body[class]:not(.rs-login) .rs-side-foot small,
html body[class]:not(.rs-login) .rs-side-foot span{color:var(--sidebar-text)!important}
html body[class]:not(.rs-login) .rs-sidebar nav a{
  color:color-mix(in srgb,var(--sidebar-text) 82%,transparent)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body[class]:not(.rs-login) .rs-sidebar nav a i{color:color-mix(in srgb,var(--sidebar-text) 72%,transparent)!important}
html body[class]:not(.rs-login) .rs-sidebar nav a:hover{
  background:color-mix(in srgb,var(--sidebar-active) 72%,transparent)!important;
  color:var(--sidebar-active-text)!important;
}
html body[class]:not(.rs-login) .rs-sidebar nav a.active{
  background:var(--sidebar-active)!important;
  color:var(--sidebar-active-text)!important;
  box-shadow:none!important;
}
html body[class]:not(.rs-login) .rs-sidebar nav a.active i{color:var(--sidebar-active-text)!important}
html body[class]:not(.rs-login) .rs-side-foot{background:color-mix(in srgb,var(--navy-900) 88%,var(--surface))!important}