eomsangdonandClaude Sonnet 5.5
361ce51659
- 위 · 보조 탭 줄 = 부품 탭(fillTabs · 밑줄 · 알약) · B09 좌측 스위치 = 분할 고르기 - 연결 칩 · 검사 탭 이름 · 끌기 태그 = 배지 · 이정표 도구 · 머리 줄 · 저장 줄 = 도구줄 · 구간 고침 · 행 고름 창 = 떠 있는 판 - 안내 · 빈 줄 · 상태 글 = 보조 글 · 운반 칸 = 카드 · 인쇄 미리보기 좌측 줄 = B09 dock 한 벌 · 쪽 체크 = 라디오 · 체크 부품 - 시험 흉내 틀 · 문구 맞춤 Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
88 lines
2.2 KiB
CSS
88 lines
2.2 KiB
CSS
/* 「운반 단가」 창 오른쪽 계산 칸(PLAN 277) — 칸마다 제목 줄 · 몸 · 바닥 결과(굵게) · 테마 변수만 */
|
|
.b09-haulsteps {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-12);
|
|
}
|
|
.b09-haulstep.ui-card {
|
|
padding: 0; /* 부품 카드 · 머리 · 바닥 줄이 가장자리까지 */
|
|
color: var(--color-text-body);
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
.b09-haulstep.is-stale {
|
|
opacity: 0.5;
|
|
}
|
|
.b09-haulstep__head {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4) var(--spacing-8);
|
|
align-items: baseline;
|
|
padding: var(--spacing-8) var(--spacing-12);
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
.b09-haulstep__title {
|
|
color: var(--color-text);
|
|
font-weight: 600;
|
|
}
|
|
.b09-haulstep__sub,
|
|
.b09-haulstep__formula,
|
|
.b09-haulstep__group {
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
}
|
|
.b09-haulstep__sub {
|
|
margin-left: auto;
|
|
}
|
|
.b09-haulstep__body {
|
|
padding: var(--spacing-4) var(--spacing-12);
|
|
}
|
|
.b09-haulstep__group {
|
|
margin: var(--spacing-8) 0 var(--spacing-4);
|
|
}
|
|
.b09-haulstep__row {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto;
|
|
gap: 0 var(--spacing-12);
|
|
padding: 2px 0;
|
|
}
|
|
.b09-haulstep__value {
|
|
text-align: right;
|
|
font-variant-numeric: tabular-nums;
|
|
color: var(--color-text);
|
|
}
|
|
.b09-haulstep__formula {
|
|
grid-column: 1 / -1;
|
|
white-space: pre-line;
|
|
word-break: break-all;
|
|
}
|
|
.b09-haulstep__foot {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4) var(--spacing-12);
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
padding: var(--spacing-8) var(--spacing-12);
|
|
border-top: 1px solid var(--color-border);
|
|
font-weight: 700;
|
|
color: var(--color-text);
|
|
}
|
|
.b09-haulstep__foot .b09-haulstep__value {
|
|
margin-left: auto;
|
|
}
|
|
.b09-haulstep__foot .b09-haulstep__formula {
|
|
flex-basis: 100%;
|
|
text-align: right;
|
|
font-weight: 400;
|
|
}
|
|
.b09-haulstep__bad {
|
|
color: var(--color-danger);
|
|
}
|
|
/* 278-2 B09 단가산출근거 박스보기 머리 줄 — 같은 줄 꼴 · 값 굵게 */
|
|
.b09-sgsteps {
|
|
padding: 2px var(--spacing-4) var(--spacing-4);
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
.b09-sgsteps .b09-haulstep__value {
|
|
font-weight: 700;
|
|
}
|