/* 공용 단가산출 계산서(714-2) — 장비 · 하위 로직 한 줄 = 누르면 펼침 */ [data-sheet-equip] { cursor: pointer; border-radius: var(--radius-sm); } [data-sheet-equip]:hover, [data-sheet-equip]:focus-visible { background: var(--color-hover); } [data-sheet-part] .ui-calc-row__label { padding-left: var(--spacing-16); } p[data-sheet-part] { margin: 0; padding-left: var(--spacing-16); } /* 737-1 옵션 칸 격자 — 상자 폭 따라 1 → 2 → 3 → 4 → 6 열(300 · 450 · 600 · 900) · 칸마다 이름 위 · 고르기 아래 */ .calc-sheet__opts { container-type: inline-size; } .calc-sheet__opts-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--spacing-8); } @container (min-width: 300px) { .calc-sheet__opts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container (min-width: 450px) { .calc-sheet__opts-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container (min-width: 600px) { .calc-sheet__opts-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @container (min-width: 900px) { .calc-sheet__opts-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .calc-sheet__opts-grid > .ui-calc-row { grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: var(--spacing-4); } .calc-sheet__opts-grid > .ui-calc-row > :is(.ui-calc-row__select, .ui-calc-row__in, .ui-field) { grid-column: 1; justify-self: stretch; width: 100%; }