/* student_payment page: details toggle UI */
.info-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.detail-toggle {
  border: 1px solid rgba(91, 96, 112, 0.2);
  background: #ffffff;
  color: #5c59ff;
  font-weight: 600;
  font-size: 0.85rem;
  border-radius: 999px;
  padding: 6px 16px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.detail-toggle:hover {
  border-color: #5c59ff;
  box-shadow: 0 4px 14px rgba(25, 26, 46, 0.12);
}

.detail-toggle[aria-expanded="true"] {
  background: #5c59ff;
  color: #ffffff;
  border-color: #5c59ff;
}

.package-details {
  margin-top: 16px;
  padding: 16px 20px;
  border-radius: 18px;
  border: 1px dashed rgba(242, 85, 85, 0.35);
  background: rgba(242, 85, 85, 0.05);
  color: #5b6070;
}

/* inline more button under card-cta/info-pill */
/* “자세히 보기” 버튼 모양 */
.card-more {
  margin-top: 8px;
  border: 1px solid rgba(91, 96, 112, 0.2);
  background: #ffffff;
  color: #5c59ff;
  font-weight: 600;
  font-size: 0.85rem;
  border-radius: 999px;
  padding: 6px 16px;
  cursor: pointer;
}
.card-more:hover {
  border-color: #5c59ff;
  box-shadow: 0 4px 14px rgba(25, 26, 46, 0.12);
}

/* 패키지 카드 뱃지 색상 */
.info-pill.accent {
  background: var(--accent-soft);
  color: var(--accent);
}