/* settlement screen — styles specific to this screen only; shared styles live in tiye.css */
.st-table td { height: 38px; }
.st-ok { color: var(--green); font-weight: 500; }
.st-bad { color: var(--red); font-weight: 700; }
.st-detail .card-head { min-height: 54px; }
.st-date { font-size: 15px; font-weight: 600; white-space: nowrap; }
.st-cols { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr); min-height: 320px; }
.st-cols .section-label { margin-bottom: 10px; }
.st-colhead { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 4px; font-size: 12.5px; }
.st-colhead .section-label { margin-bottom: 6px; }
.st-lr { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; font-size: 13px; }
.st-lr + .st-lr { border-top: 1px solid var(--line); }
.st-lr-head { color: var(--ink3); font-size: 12px; padding-top: 0; }
.st-totals { margin-top: 10px; border-top: 1px solid var(--line-strong); }
.st-note { font-size: 12.5px; line-height: 1.5; margin-top: 10px; }
.st-bar { display: grid; grid-template-columns: 96px minmax(0, 1fr) 56px; gap: 12px; align-items: center; padding: 6px 0; font-size: 13px; }
.st-bar .bar { height: 7px; }
.st-sum { font-weight: 600; margin-top: 8px; border-top: 1px solid var(--line-strong); padding-top: 10px; }
.st-foot { font-size: 12px; }
.st-bus { display: grid; grid-template-columns: minmax(0, 1fr) 48px 96px; gap: 10px; padding: 5px 0; font-size: 12.5px; }