/* Overview balance panel: neutral glass with a restrained violet action.
   Match the native panel by its overview gradient and direct wallet action. */
[data-slot="sidebar-inset"] div[class*="--overview-accent"]:has(> a[data-slot="button"][href="/wallet"]) {
  background: linear-gradient(145deg, var(--ad-inner), transparent 75%);
  border-color: var(--ad-edge);
}

[data-slot="sidebar-inset"] div[class*="--overview-accent"] > a[data-slot="button"][href="/wallet"] {
  background: rgba(79, 70, 229, .075);
  color: #4f46e5;
  border-color: rgba(79, 70, 229, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

[data-slot="sidebar-inset"] div[class*="--overview-accent"] > a[data-slot="button"][href="/wallet"]:hover {
  background: rgba(79, 70, 229, .13);
  border-color: rgba(79, 70, 229, .23);
}

.dark [data-slot="sidebar-inset"] div[class*="--overview-accent"] > a[data-slot="button"][href="/wallet"] {
  background: rgba(129, 140, 248, .12);
  color: #c7d2fe;
  border-color: rgba(165, 180, 252, .2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.dark [data-slot="sidebar-inset"] div[class*="--overview-accent"] > a[data-slot="button"][href="/wallet"]:hover {
  background: rgba(129, 140, 248, .2);
  border-color: rgba(165, 180, 252, .3);
}