/* fares screen — styles specific to this screen only; shared styles live in tiye.css */
.fr-layout { display: grid; grid-template-columns: minmax(0, 468px) minmax(0, 1fr); gap: 14px; min-height: 100%; align-items: stretch; }
.fr-left { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.fr-label { font-size: 15px; font-weight: 600; min-width: 0; }
.fr-table td, .fr-table th { padding-left: 12px; padding-right: 12px; }
.fr-table td { height: 38px; font-size: 13.5px; }
.fr-history { flex: 1; }
.fr-hlist { padding: 14px 16px; display: flex; flex-direction: column; gap: 14px; font-size: 13px; }
.fr-h { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 0 8px; align-items: start; }
.fr-h .badge { justify-self: start; margin-top: 1px; }
.fr-h .strong { font-size: 13.5px; }
.fr-h .ink3 { line-height: 1.5; }

.fr-draft { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; }
.fr-draft .card-head { min-height: 58px; }
.fr-dtable td { height: 38px; }
.fr-money { display: inline-flex; align-items: center; gap: 6px; color: var(--ink3); }
.fr-money .money-input { width: 110px; height: 32px; color: var(--ink); font-size: 13.5px; }
.fr-notes { padding: 16px 16px 0; }
.fr-notes:empty { display: none; }
.fr-check { align-items: flex-start; padding: 10px 16px; }
.fr-check .badge { margin-top: 1px; flex: none; }
.fr-spacer { flex: 1; }
.fr-foot { display: flex; align-items: flex-end; gap: 16px; padding: 14px 16px 14px; border-top: 1px solid var(--line); }
.fr-foot .field { width: 230px; flex: none; }
.fr-explain { flex: 1; font-size: 12.5px; line-height: 1.5; }
.fr-empty { flex: 1; display: flex; align-items: center; justify-content: center; }