/* =============================================================================
 * swnm 폼 액션 줄 컴포넌트 — .ui-form-actions  (사인오프 2026-06-15)
 * 변경: 2026-06-15 · jiwon · 신설(page-actions·org-footer·detail-footer 등 파편화된 하단 액션 줄 통합)
 * -----------------------------------------------------------------------------
 * 폼/상세 하단의 버튼 줄(저장·취소·삭제 등). 인라인(콘텐츠 흐름)·우측 정렬 기본.
 * 고정바(position:fixed)·하드코딩 그라데이션은 쓰지 않는다. 색·간격은 토큰만.
 *
 *   <div class="ui-form-actions">
 *     <button class="ui-btn ui-btn--danger ui-form-actions__start">Delete</button>  (좌측, 선택)
 *     <button class="ui-btn ui-btn--secondary">Cancel</button>
 *     <button class="ui-btn ui-btn--primary">Save</button>
 *   </div>
 *
 * - 버튼은 공용 ui-btn 사용. 기본은 모두 우측 정렬.
 * - 파괴적 액션(삭제)을 좌측으로 보낼 때만 그 버튼에 .ui-form-actions__start 부여.
 * - 구분선 없는 보조 액션 줄은 .ui-form-actions--plain.
 * ============================================================================= */

.ui-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: var(--space-6);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border);
}

/* 파괴적 액션(삭제 등)을 좌측 끝으로 밀기 */
.ui-form-actions__start {
  margin-right: auto;
}

/* 구분선·상단 여백 없는 보조 액션 줄(카드 내부 2차 액션 등) */
.ui-form-actions--plain {
  margin-top: var(--space-4);
  padding-top: 0;
  border-top: 0;
}