/* 「선택 입력」 카드 — 로직마다 묶은 입력 줄 + 줄마다 자리 고르기. 색은 테마 토큰. */

.m02-inputs__summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4) var(--spacing-12);
  align-items: baseline;
  color: var(--color-text-muted);
  font-size: var(--text-body-sm);
}

.m02-inputs__count {
  color: var(--color-text);
  font-weight: 600;
}

/* 카드 본문이 남는 높이를 채우고 넘치면 안에서 스크롤 */
.m02-inputs__body {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--spacing-12);
  min-height: var(--m02-struct-body-min);
  min-width: 0;
  overflow: auto;
  padding: var(--spacing-8) 0;
}

.m02-inputs__logic {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.m02-inputs__logic-title {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4) var(--spacing-8);
  align-items: baseline;
  margin: 0;
  padding-bottom: var(--spacing-4);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text);
  font-size: var(--text-body-sm);
  overflow-wrap: anywhere;
}

.m02-inputs__logic-title small,
.m02-inputs__row small {
  color: var(--color-text-muted);
  font-size: var(--text-caption);
  font-weight: 400;
}

.m02-inputs__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4) var(--spacing-8);
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-4) 0;
}

.m02-inputs__info {
  display: flex;
  flex: 1 1 12rem;
  flex-wrap: wrap;
  gap: 2px var(--spacing-8);
  align-items: baseline;
  min-width: 0;
  overflow-wrap: anywhere;
}

.m02-inputs__name {
  color: var(--color-text);
  font-size: var(--text-body-sm);
}

.m02-inputs__desc,
.m02-inputs__hint {
  flex-basis: 100%;
}

/* 자동값 — 흐리게(입력 값이 아니라 보기용 첫 선택지) */
.m02-inputs__auto {
  flex-basis: 100%;
  opacity: 0.6;
  font-style: italic;
}

.m02-inputs__seat {
  flex: none;
  max-width: 100%;
  padding: 4px var(--spacing-8);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm, 4px);
  background: var(--color-surface);
  color: var(--color-text);
  font: inherit;
  font-size: var(--text-body-sm);
}

.m02-inputs__seat:disabled {
  opacity: 0.7;
}

/* ── 프로젝트에서 값 받기(PLAN 25-2d) — 값 · 확인 표시 카드 ── */
.m02-inputval__wrap {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: var(--m02-struct-body-min, 16rem);
  min-width: 0;
  gap: var(--spacing-8);
}

.m02-inputval {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  overflow: auto;
  min-height: 0;
  min-width: 0;
}

.m02-inputval__places,
.m02-inputval__missing {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--text-caption);
}

.m02-inputval__logic {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  min-width: 0;
}

.m02-inputval__logic-name {
  margin: 0;
  color: var(--color-text);
  font-size: var(--text-caption);
  overflow-wrap: anywhere;
}

.m02-inputval__row {
  display: grid;
  grid-template-columns: minmax(6rem, 2fr) minmax(8rem, 3fr);
  gap: var(--spacing-8);
  align-items: center;
  min-width: 0;
}

.m02-inputval__name {
  color: var(--color-text);
  font-size: var(--text-caption);
  overflow-wrap: anywhere;
}

.m02-inputval__cell {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4) var(--spacing-8);
  align-items: center;
  min-width: 0;
}

.m02-inputval__control {
  flex: 1 1 6rem;
  min-width: 0;
  max-width: 24rem;
}

/* 자동값 = 저장값이 아님 — 기울임 + 보조 글자색(글자 대비 4.5 이상 유지) */
.m02-inputval__value.is-auto,
.m02-inputval__control.is-auto,
.m02-inputval__control::placeholder {
  color: var(--color-text-secondary);
  font-style: italic;
  opacity: 1;
}

.m02-inputval__state {
  color: var(--color-text-secondary);
  font-size: var(--text-caption);
  white-space: nowrap;
}

.m02-inputval__state.is-confirmed {
  color: var(--color-text);
  font-weight: 600;
}

.m02-inputval__error {
  flex: 1 0 100%;
  color: var(--color-danger);
  font-size: var(--text-caption);
}

.m02-inputval__control[aria-invalid="true"] {
  border-color: var(--color-danger);
}