/*
 * Elevate UI/UX Status & Badge Standard — UI07
 * Functional baseline: R37. Builds on UI06.
 * Presentation only. Existing status computation, polling, permissions and
 * state class assignment remain unchanged.
 */

/* Compact status tokens share shape/weight; large status panels are excluded. */
.dashboard-page .badge,
.dashboard-page .header-role-badge,
.dashboard-page .feature-lock-badge,
.dashboard-page .wealth-draft-state,
.dashboard-page .market-badge,
.account-setup-page .statuspill,
.account-setup-page .setup-tag,
.wealth-manual-page .yes,
.wealth-manual-page .admin {
  box-sizing: border-box;
  border-radius: var(--elevate-radius-pill);
  font-weight: var(--elevate-weight-bold);
  line-height: 1.1;
  border: 1px solid transparent;
  white-space: nowrap;
}

.dashboard-page .badge,
.dashboard-page .feature-lock-badge,
.dashboard-page .wealth-draft-state,
.account-setup-page .statuspill,
.account-setup-page .setup-tag {
  padding: 0.3125rem 0.5rem;
}

/* Role badges keep their existing role-specific colors but use one geometry. */
.dashboard-page .header-role-badge {
  padding: 0.25rem 0.4375rem;
}

/* Market badge remains intentionally compact so the market header cannot grow. */
.dashboard-page .market-badge {
  padding: 0.1875rem 0.375rem;
}

/* Common state semantics; data/state assignment is unchanged. */
.dashboard-page .badge.running,
.dashboard-page .market-badge.open,
.dashboard-page .wealth-draft-state.saved {
  background: #ecfdf3;
  color: #166534;
  border-color: #a7e3bd;
}
.dashboard-page .badge.stopped,
.dashboard-page .market-badge.closed {
  background: #f1f5f9;
  color: #475569;
  border-color: #cbd5e1;
}
.dashboard-page .wealth-draft-state.unsaved {
  background: #fff8eb;
  color: #92400e;
  border-color: #f5cf83;
}
.dashboard-page .wealth-draft-state.fetching {
  background: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.dashboard-page .feature-lock-badge {
  background: #f8fafc;
  color: #475569;
  border-color: #cbd5e1;
}

/* Setup status pills keep text semantic classes but gain a consistent surface. */
.account-setup-page .statuspill {
  background: var(--elevate-bg-surface-raised);
  border-color: var(--elevate-border-default);
}

/* Larger decision/status strips share only geometry, not colors or meaning. */
.dashboard-page .wizard-status,
.dashboard-page .moving-average-status,
.dashboard-page .wealth-connector-status,
.dashboard-page .wealth-source-status,
.dashboard-page .open-leg-selector-status,
.dashboard-page .portfolio-fy-chart-status {
  border-radius: var(--elevate-radius-md);
}

@media (max-width: 700px) {
  .dashboard-page .badge,
  .dashboard-page .feature-lock-badge,
  .dashboard-page .wealth-draft-state,
  .account-setup-page .statuspill,
  .account-setup-page .setup-tag {
    font-size: var(--eot-badge);
  }
}