/* 「선택 입력」 카드 — 로직마다 묶은 입력 줄 + 줄마다 자리 고르기. 색은 테마 토큰. */ .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; }