eomsangdonandClaude Opus 5.5
04659a028f
- 운반 단가 창 몸 두 칸 비율 — 왼쪽(옵션 값) 약 0.8 배 - 단가산출근거 [박스보기] 머리 줄 = 운반 창 ③ 칸과 같은 꼴(이름 · 값 오른쪽 굵게 · 식 작게) · 출처 = 칸 맨 위 - 줄 나눔 · 그리기 한 벌 — Haul_Steps headSteps 내보내 같이 씀 · 공용 묶음 카드 = 선택 몸 위 칸(top) - 호표 줄 · 총계 · 표 보기 · 다른 탭 카드 그대로 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Se7ytqbohmBQnfYpwYFnYf
90 lines
2.2 KiB
CSS
90 lines
2.2 KiB
CSS
/* 「운반 단가」 창 오른쪽 계산 칸(PLAN 277) — 칸마다 제목 줄 · 몸 · 바닥 결과(굵게) · 테마 변수만 */
|
|
.b09-haulsteps {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-12);
|
|
}
|
|
.b09-haulstep {
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-cards);
|
|
background-color: var(--color-surface-raised);
|
|
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;
|
|
}
|