63 lines
1.4 KiB
CSS
63 lines
1.4 KiB
CSS
/* =============================================================================
|
|
* D04_PlanConfirm_UI_Style.css — D04 확정 · 업체 표(531-3) · 색은 테마 토큰만
|
|
* ========================================================================== */
|
|
|
|
.d04-confirm {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-12);
|
|
padding: var(--spacing-16);
|
|
overflow: auto;
|
|
}
|
|
|
|
.d04-confirm__table {
|
|
border-collapse: collapse;
|
|
font-size: var(--text-body-sm);
|
|
color: var(--color-text-body);
|
|
}
|
|
|
|
.d04-confirm__table th,
|
|
.d04-confirm__table td {
|
|
padding: var(--spacing-8);
|
|
border: 1px solid var(--color-border);
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.d04-confirm__table thead th {
|
|
background: var(--color-surface);
|
|
}
|
|
|
|
.d04-confirm__table td[data-num] {
|
|
text-align: right;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.d04-confirm__firm,
|
|
.d04-confirm__add {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: var(--spacing-4);
|
|
margin-bottom: var(--spacing-4);
|
|
}
|
|
|
|
.d04-confirm__input {
|
|
min-width: 10rem;
|
|
padding: var(--spacing-4) var(--spacing-8);
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-sm);
|
|
background: var(--color-canvas);
|
|
color: var(--color-text-body);
|
|
}
|
|
|
|
.d04-confirm__dirty {
|
|
color: var(--color-warning, var(--color-text-secondary));
|
|
}
|
|
|
|
.d04-confirm__picks {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
}
|