/* YOPPLI R8 account info portal; scoped: does not change financial/identity modals. */
[data-dashboard-rich-account-menu] [data-yoppli-r8-source] { display: none !important; }
.yoppli-r8-overlay {
  position: fixed !important; inset: 0 !important; z-index: 2147483000 !important;
  display: flex !important; align-items: center; justify-content: center;
  padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
  background: rgba(3,3,12,.84) !important; backdrop-filter: blur(9px);
}
.yoppli-r8-dialog {
  --r8-tone: 236,72,153;
  position: relative; box-sizing: border-box; width: min(100%, 29rem);
  max-height: 85dvh; overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid rgba(var(--r8-tone),.38); border-radius: 1.65rem;
  padding: clamp(1.1rem,4vw,1.75rem); color: #fff;
  background: radial-gradient(circle at 15% 0%,rgba(var(--r8-tone),.17),transparent 43%),linear-gradient(140deg,#1b1022,#0d0a17);
  box-shadow: 0 30px 110px rgba(0,0,0,.76), 0 0 65px rgba(var(--r8-tone),.1);
  outline: none;
}
.yoppli-r8-dialog[data-tone="cyan"] { --r8-tone: 34,211,238; }
.yoppli-r8-dialog[data-tone="violet"] { --r8-tone: 167,139,250; }
.yoppli-r8-dialog[data-tone="green"] { --r8-tone: 52,211,153; }
.yoppli-r8-dialog[data-tone="amber"] { --r8-tone: 251,191,36; }
.yoppli-r8-top { display:flex; align-items:center; justify-content:space-between; gap:.8rem; }
.yoppli-r8-emblem { display:grid; place-items:center; width:3.7rem; height:3.7rem; flex-shrink:0; border-radius:1.1rem;
  border:1px solid rgba(var(--r8-tone),.42); background:rgba(var(--r8-tone),.13); color:rgb(var(--r8-tone));
  box-shadow:0 10px 30px rgba(var(--r8-tone),.09); }
.yoppli-r8-emblem svg { width:1.7rem; height:1.7rem; stroke:currentColor; }
.yoppli-r8-close { display:grid; place-items:center; width:2.3rem; height:2.3rem; border-radius:100%;
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); color:#f2eaf6;
  font-size:1.65rem; line-height:1; cursor:pointer; }
.yoppli-r8-close:hover, .yoppli-r8-close:focus-visible { background:rgba(255,255,255,.15); outline:2px solid rgba(var(--r8-tone),.7); }
.yoppli-r8-eyebrow { margin:1.2rem 0 .5rem; font-size:.7rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; color:rgb(var(--r8-tone)); }
.yoppli-r8-title { margin:0; font-size:clamp(1.25rem,4vw,1.6rem); line-height:1.2; font-weight:850; }
.yoppli-r8-value { margin:1.2rem 0 0; padding:1.1rem; text-align:center; font-size:clamp(1.55rem,6vw,2.2rem);
  line-height:1.2; overflow-wrap:anywhere; font-weight:850; font-variant-numeric:tabular-nums;
  border:1px solid rgba(var(--r8-tone),.3); border-radius:1rem; background:rgba(var(--r8-tone),.09); }
.yoppli-r8-description { margin:1rem 0 0; line-height:1.7; font-size:.95rem; color:rgba(242,237,251,.81); overflow-wrap:anywhere; }
@media (prefers-reduced-motion:reduce) { .yoppli-r8-dialog { scroll-behavior:auto; } }