@import url("/assets/design-tokens.css");
/* Shell adapters retain placement; all service lists share the profile material.
   Match legacy theme specificity so tool-shell's injected CSS cannot recolor it. */
html[data-theme] body:is(.dashboard-active,.account-active,.admin-active,.data-active,.support-active,.serov-tool-shell-active) :is(.topbar-services-menu,.depth-dashboard-services-menu,.serov-tool-service-menu) {
  color: var(--at-profile-ink);
  background: var(--at-profile-panel);
  border: 1px solid var(--at-profile-line);
  border-radius: var(--at-radius-panel);
  box-shadow: var(--at-profile-shadow);
  backdrop-filter: blur(22px) saturate(1.08);
}
html[data-theme] body:is(.dashboard-active,.account-active,.admin-active,.data-active,.support-active,.serov-tool-shell-active) :is(.topbar-services-menu,.depth-dashboard-services-menu,.serov-tool-service-menu) section {
  align-content: start;
}
html[data-theme] body:is(.dashboard-active,.account-active,.admin-active,.data-active,.support-active,.serov-tool-shell-active) :is(.topbar-services-menu,.depth-dashboard-services-menu,.serov-tool-service-menu) strong {
  color: var(--at-profile-muted);
}
html[data-theme] body:is(.dashboard-active,.account-active,.admin-active,.data-active,.support-active,.serov-tool-shell-active) :is(.topbar-services-menu,.depth-dashboard-services-menu,.serov-tool-service-menu) a {
  color: var(--at-profile-ink);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
html[data-theme] body:is(.dashboard-active,.account-active,.admin-active,.data-active,.support-active,.serov-tool-shell-active) :is(.topbar-services-menu,.depth-dashboard-services-menu,.serov-tool-service-menu) a:is(:hover,:focus-visible) {
  color: var(--at-profile-ink);
  background: var(--at-profile-hover);
}