.intake-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-stack-sm);
}

.intake-detail__back { color: var(--text-default); font-size: var(--font-label); }

.intake-detail__title {
  margin: 0;
  font-size: var(--font-title);
  line-height: var(--line-title);
}

.intake-detail__hint { margin: 0; color: var(--text-muted); }

/* 세로로 쌓는 이 화면에서 TabBar 오른쪽 자리가 늘어나게 함(docs/features/intake/IntakeDetail.md) */
.intake-detail > .tabbar { align-self: stretch; }

/* 신원 줄도 같은 사정임. 줄 폭을 다 써야 상태 자리가 오른쪽 끝에 붙음 */
.intake-detail > .identity-row { align-self: stretch; }

/* 값 칸과 저장 자리를 담는 폼 마디. 세로로 쌓고 flex-start 로 좁힌 부모(.intake-detail) 안에서도
   줄 폭을 다 씀. 묶음 사이는 묶음 안 줄 사이보다 넓게 띄워 여섯 묶음의 경계가 보임 */
.intake-detail__edit { align-self: stretch; display: flex; flex-direction: column; gap: var(--space-stack-md); }

/* 저장 자리는 폼 킷의 단추 줄(.form__foot, Form.css)을 그대로 씀. 화면이 같은 규칙을 다시 적던 것을
   1차 고침에서 킷으로 돌림 - 고친 것이 있는 동안 바닥에 붙는 갈래도 킷이 가져야 앞으로 올 빽빽한
   화면(i14, m05)이 같이 씀(Task 3 리뷰 Critical 2) */
.intake-detail__saved { margin: 0; color: var(--text-muted); font-size: var(--font-label); }

/* 값 묶음 여섯이 자리를 다 씀. flex-start 로 좁힌 부모(.intake-detail) 안에서도 그리드가 폭을
   다 쓰게 stretch 로 덮음(docs/features/intake/IntakeDetail.md) */
.intake-detail__group { align-self: stretch; display: flex; flex-direction: column; gap: var(--space-stack-sm); }

.intake-detail__group-title { margin: 0; font-size: var(--font-body); font-weight: bold; color: var(--text-default); }

/* 잠김 배너. 오류가 아니라 상태 안내글이라 danger 대신 sunken 무채 톤을 씀 */
.intake-detail__lock { align-self: stretch; margin: 0; padding: var(--space-inset-sm); border: var(--border-width) solid var(--border-default); border-radius: var(--radius); background: var(--surface-sunken); color: var(--text-muted); }

/* 상태 바꾸기 팝업(Task 4, intakeStatusModal.js)의 몸통. 새 CSS 파일을 안 뽑고 이 화면 것에 얹은
   까닭은 이 팝업을 여는 자리가 IntakeDetail 하나뿐이라서임(docs/features/intake/
   intakeStatusModal.md) */
.intake-status-modal { display: flex; flex-direction: column; gap: var(--space-stack-sm); }
.intake-status-modal__row { display: flex; align-items: center; gap: var(--space-inline-sm); margin: 0; }
.intake-status-modal__label { flex: none; color: var(--text-muted); }
.intake-status-modal__select { font: inherit; }

/* 거절 사유 팝업(Task 5, intakeRejectModal.js)의 몸통. 형제인 위 상태 바꾸기 팝업과 같은 결로
   브라우저 기본 h3/p 치수를 다 지움(1차 고침 Important 2. 전에는 규칙이 하나도 없어 section
   제목이 대화상자 제목보다 크고 굵게 서던 것을 여기서 잡음) */
.intake-reject-modal { display: flex; flex-direction: column; gap: var(--space-stack-sm); }
.intake-reject-modal__section { display: flex; flex-direction: column; gap: var(--space-stack-sm); padding-top: var(--space-stack-sm); border-top: var(--border-width) solid var(--border-default); }
.intake-reject-modal__section-title { margin: 0; font-size: var(--font-body); font-weight: bold; color: var(--text-default); }
.intake-reject-modal__row { display: flex; align-items: center; gap: var(--space-inline-sm); margin: 0; }
.intake-reject-modal__value { color: var(--text-default); }