/* Post-1.5.77 candidate: stable per-initial gradients keep the avatar bright
   and distinctive without changing identity on every refresh. */

#appLayout[data-front-template="starnest-business"].business-shell-active .business-sidebar-account > span {
  border: 1px solid var(--business-initial-border, #b9e7ff);
  background: linear-gradient(
    145deg,
    var(--business-initial-start, #4f7cff) 0%,
    var(--business-initial-middle, #348fff) 56%,
    var(--business-initial-end, #22b7f3) 100%
  );
  color: var(--business-initial-fg, #fff);
  box-shadow:
    0 4px 12px color-mix(in srgb, var(--business-initial-shadow, #2a85e8) 28%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

html[data-business-theme="dark"] #appLayout[data-front-template="starnest-business"].business-shell-active .business-sidebar-account > span {
  border-color: color-mix(in srgb, var(--business-initial-border, #b9e7ff) 88%, white);
  box-shadow:
    0 4px 14px color-mix(in srgb, var(--business-initial-shadow, #2a85e8) 36%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}