/*
 * FILE: program-progress.css
 * PURPOSE: Styles for Program Progress Widget (SP-SRUserFlow E2 - US2.2)
 *
 * KEY RESPONSIBILITIES:
 *  - Priority badge styling
 *  - Widget header clickable styles
 *  - Getting Started enhancements
 *
 * LAST UPDATED: December 9, 2025 by /go agent
 * CHANGE SUMMARY: Initial creation for E2-MyJourney-Tab (US2.2)
 */

/* Priority Badge - Subtle styling for readability */
.sp-badge--priority {
  background: rgba(217, 43, 49, 0.12);
  color: var(--sp-red);
  font-weight: var(--sp-font-weight-semibold);
}

.sp-badge--sm {
  padding: 2px 8px;
  font-size: 0.6875rem;
}

/* Program Progress Widget Enhancements */
.sp-getting-started__header-right {
  display: flex;
  align-items: center;
  gap: var(--sp-space-3);
}

/* Priority item - subtle highlight with left border accent, NOT solid background */
.sp-getting-started__item--priority {
  background: rgba(217, 43, 49, 0.06);
  margin: 0 calc(-1 * var(--sp-space-4));
  padding-left: var(--sp-space-4);
  padding-right: var(--sp-space-4);
  border-radius: 4px;
  border-left: 3px solid var(--sp-red);
}

.sp-getting-started__item-title--priority {
  color: var(--sp-text-dark);
  font-weight: var(--sp-font-weight-semibold);
}

.sp-getting-started__link {
  text-decoration: none;
  color: inherit;
  transition: color var(--sp-transition-fast);
}

.sp-getting-started__link:hover {
  color: var(--sp-red);
}

.sp-getting-started__link:hover .sp-getting-started__item-title {
  color: var(--sp-red);
}

.sp-getting-started__empty {
  padding: var(--sp-space-4);
  text-align: center;
}

.sp-widget__header-clickable {
  cursor: pointer;
  transition: background-color var(--sp-transition-fast);
}

.sp-widget__header-clickable:hover {
  background-color: var(--sp-blue-50);
}