/* Dashboard welcome overflow safety — cache-safe additive layer. */
html,
body[data-scope="member"]{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overflow-x:clip;
}
.member-app-main,
.member-workspace,
.member-page-head,
.member-page-head__copy,
#dashboard-welcome-head,
.bw-attention-center,
.member-metric-rail,
.member-grid-2,
.member-panel{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.member-workspace > *{
  min-width:0;
  max-width:100%;
}
#welcome-msg{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
  text-wrap:balance;
}
.member-welcome-identity{
  display:grid;
  grid-template-columns:7px minmax(0,1fr);
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:11px 0 0;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(5,185,242,.14);
  border-radius:999px;
  background:rgba(5,185,242,.045);
  color:var(--bw-muted,#617083);
  font-size:.78rem;
  font-weight:720;
  letter-spacing:.01em;
  overflow-wrap:anywhere;
  word-break:break-word;
  box-sizing:border-box;
}
.member-welcome-identity__dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--bw-blue,#05B9F2);
  box-shadow:0 0 0 3px rgba(5,185,242,.07);
}
#welcome-identity{
  display:block;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
html[data-design="future"] .member-welcome-identity{
  border-color:rgba(119,205,239,.14);
  background:rgba(5,185,242,.035);
  color:#95aebb;
}

.member-tree-metric{
  position:relative;
  grid-template-columns:minmax(0,1fr) 86px;
  grid-template-areas:
    "label tree"
    "value tree"
    "status tree";
  column-gap:12px;
  align-items:center;
}
.member-tree-metric .member-metric__label{grid-area:label}
.member-tree-metric .member-metric__value{grid-area:value}
.member-tree-metric .member-metric__status{grid-area:status}
.member-tree-mini{grid-area:tree;align-self:center;justify-self:end;width:82px;max-width:100%}

@media(max-width:680px){
  .member-page-head h1{
    font-size:clamp(2.25rem,11.5vw,3.35rem)!important;
    line-height:.98!important;
  }
  .member-welcome-identity{
    width:100%;
    border-radius:13px;
    padding:7px 10px;
    line-height:1.35;
  }
  .member-tree-metric{
    grid-template-columns:minmax(0,1fr) 74px;
    padding-right:0!important;
  }
  .member-tree-mini{width:70px}
}

/* Dashboard metric visuals: keep the single rail, mirror the tree composition. */
.member-survey-metric,.member-reward-metric{
  grid-template-columns:minmax(0,1fr) 86px;
  grid-template-areas:"label visual" "value visual" "status visual";
  column-gap:12px;align-items:center;
}
.member-survey-metric .member-metric__label,.member-reward-metric .member-metric__label{grid-area:label}
.member-survey-metric .member-metric__value,.member-reward-metric .member-metric__value{grid-area:value}
.member-survey-metric .member-metric__status,.member-reward-metric .member-metric__status{grid-area:status}
.member-metric-visual{grid-area:visual;align-self:center;justify-self:end;width:82px;height:82px;display:grid;place-items:center;text-decoration:none;border:0;background:transparent;padding:0;color:var(--bw-readable-accent,var(--bw-blue,#05B9F2));cursor:pointer;border-radius:18px;transition:transform .16s ease,background .16s ease}
.member-metric-visual:hover{transform:none;background:transparent!important;box-shadow:none!important}
.member-survey-visual svg{width:60px;height:60px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:none;shape-rendering:geometricPrecision}
.member-reward-metric{padding-right:24px!important}
.member-reward-metric .member-reward-choice{font-size:0!important;line-height:0!important;color:transparent!important;box-shadow:none!important}
.member-reward-metric .member-reward-choice::before{content:"€";width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(5,185,242,.42);background:rgba(5,185,242,.06);color:var(--bw-readable-accent,#05B9F2);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.75rem;font-weight:700;line-height:1;box-shadow:none;text-shadow:none;filter:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.member-reward-metric .member-reward-choice[aria-label*="Euro"]::before{content:"€";color:#05B9F2;border-color:rgba(5,185,242,.42);background:rgba(5,185,242,.06)}
.member-reward-metric .member-reward-choice[aria-label*="Gold"]::before{content:"Au";font-size:1.2rem;color:var(--bw-readable-warning,#c99b25);border-color:rgba(201,155,37,.45);background:rgba(201,155,37,.06)}
.member-reward-metric .member-reward-choice[aria-label*="Krypto"]::before{content:"₿";color:var(--bw-readable-accent,#7775e9);border-color:rgba(119,117,233,.45);background:rgba(119,117,233,.06)}
@media(max-width:680px){
  .member-survey-metric,.member-reward-metric{grid-template-columns:minmax(0,1fr) 74px;padding-right:0!important}
  .member-metric-visual{width:70px;height:70px}
  .member-survey-visual svg{width:52px;height:52px}
  .member-reward-metric .member-reward-choice::before{width:52px;height:52px;font-size:1.55rem}
}

/* Reward value stays neutral; only the reward-type symbol carries the accent. */
.member-reward-metric .member-metric__value{color:#fff}
html[data-design="classic"] .member-reward-metric .member-metric__value{color:#102238}