/*
 * Dashboard first paint.
 * Static dashboard islands hold landing-preview sample figures. Outside the landing
 * preview, html.nv-dash-data-pending keeps them as calm skeletons until the first
 * data render, so a signed-in owner never reads a sample balance.
 */
html.nv-dash-data-pending {
  --dash-pending-bar: color-mix(in srgb, var(--dash-text-muted, currentColor) 14%, transparent);
}

html.nv-dash-data-pending [data-dash-demo-island] {
  pointer-events: none;
  user-select: none;
}

/* Aggregates exist only for demo workspaces; owners never get them, so do not paint them at all.
   Runway is the exception that owners do get: the owner loader drops data-dash-demo-island and shows its skeleton. */
html.nv-dash-data-pending :is(.dash-month-summary, .dash-cashflow, .dash-spending, .dash-upcoming, .dash-runway)[data-dash-demo-island] {
  display: none;
}

html.nv-dash-data-pending [data-dash-demo-island] :is(
  [data-wallet-account-name],
  [data-wallet-change],
  [data-wallet-balance-value],
  .dash-activity-row__title,
  .dash-activity-row__sub,
  .dash-activity-row__amount,
  .dash-activity-row__date,
  .dash-account-row__name,
  .dash-account-row__sub,
  .dash-account-row__balance
) {
  inline-size: fit-content;
  max-inline-size: 100%;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 999px;
  background: var(--dash-pending-bar);
  color: transparent;
  -webkit-text-fill-color: transparent;
}

html.nv-dash-data-pending [data-dash-demo-island] :is(.dash-activity-row__amount, .dash-activity-row__date, .dash-account-row__balance) {
  margin-inline-start: auto;
}

html.nv-dash-data-pending [data-dash-demo-island] :is(.dash-activity-row__avatar, .dash-account-row__icon, .dash-wallet__account-mark) {
  border-radius: 50%;
  background: var(--dash-pending-bar);
  color: transparent;
}

html.nv-dash-data-pending [data-dash-demo-island] :is(
  .dash-activity-row__avatar img,
  .dash-account-row__icon img,
  .dash-account-row__chev,
  .dash-wallet__change .dash-trend-icon
) {
  visibility: hidden;
}

html.nv-dash-data-pending .dash-wallet__change {
  background: transparent;
}