/* The approved Accounts glass, shared only by outer wallet workspace panels.
   Child combinators keep market cards, transaction capsules, controls, notices,
   dialogs, Settings and the profile sidebar on their existing treatments. */
.app-layout:not(.app-layout-standalone) .workspace {
  --workspace-glass-base: var(--bg);
  --workspace-glass-filter: none;
}

.app-layout:not(.app-layout-standalone) :is(
  .workspace > .page-content > .panel,
  .workspace > .page-content > .accounts-workspace > .accounts-panel,
  .workspace > .page-content > .portfolio-grid > .panel,
  .workspace > .page-content > .flow-layout > .panel,
  .workspace > .page-content > .flow-layout > aside > .panel,
  .workspace > .page-content > .flow-layout > aside > #request-result > .generated-request,
  .workspace > .coins-panel
) {
  position: relative;
  background: radial-gradient(ellipse at top left,#ffffff14,#ffffff00 58%),
    linear-gradient(135deg,#ffffff0a,#ffffff00),var(--workspace-glass-base);
  border: 1px solid #ffffff24;
  box-shadow: inset 0 1px 0 #ffffff14,0 0 32px color-mix(in srgb,var(--accent) 20%,transparent),
    0 0 64px color-mix(in srgb,var(--accent) 10%,transparent),0 24px 64px #00000040;
  -webkit-backdrop-filter: var(--workspace-glass-filter);
  backdrop-filter: var(--workspace-glass-filter);
}

.app-layout:not(.app-layout-standalone) :is(
  .workspace > .page-content > .panel,
  .workspace > .page-content > .accounts-workspace > .accounts-panel,
  .workspace > .page-content > .portfolio-grid > .panel,
  .workspace > .page-content > .flow-layout > .panel,
  .workspace > .page-content > .flow-layout > aside > .panel,
  .workspace > .page-content > .flow-layout > aside > #request-result > .generated-request,
  .workspace > .coins-panel
)::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 1;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(135deg,#ffffffb3 0%,color-mix(in srgb,var(--accent) 60%,#fff) 12%,
    color-mix(in srgb,var(--accent) 35%,transparent) 28%,transparent 48%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

@supports ((backdrop-filter:blur(18px)) or (-webkit-backdrop-filter:blur(18px))) {
  .app-layout:not(.app-layout-standalone) .workspace {
    --workspace-glass-base: color-mix(in srgb,var(--bg) 58%,transparent);
    --workspace-glass-filter: blur(18px) saturate(125%);
  }
}