/* Keep each amount together; scroll only the allocation table on small screens. */
.allocation-scroll {max-width:100%; min-width:0; overflow:auto; margin:12px 0; border:1px solid var(--line); border-radius:8px;}
.allocation-scroll:focus-visible {outline:2px solid var(--accent); outline-offset:2px;}
.allocation-scroll table {width:100%; min-width:46rem; table-layout:auto;}
.allocation-scroll th,.allocation-scroll td {padding:12px 14px; vertical-align:top; max-width:none; overflow-wrap:normal; word-break:normal;}
.allocation-scroll thead th {white-space:normal; vertical-align:bottom;}
.allocation-review td:first-child {min-width:13rem; max-width:18rem;}
.allocation-review th:not(:first-child) {text-align:right; min-width:9rem;}
.allocation-review td:not(:first-child),.allocation-plan td:last-child,.allocation-plan tfoot th:last-child {white-space:nowrap; overflow-wrap:normal; word-break:normal; text-align:right; font-variant-numeric:tabular-nums;}
.allocation-preview table {min-width:58rem;}
.allocation-plan table {min-width:32rem;}
.allocation-plan td:first-child {white-space:nowrap; width:5rem;}
.allocation-plan td:nth-child(2) {min-width:12rem;}
.allocation-plan thead th:last-child {text-align:right;}
.allocation-edit table {min-width:48rem;}
.allocation-edit td:first-child input {min-width:7rem;}
.allocation-edit select {min-width:14rem;}
.allocation-edit input[data-money] {min-width:24ch; text-align:right; font-variant-numeric:tabular-nums;}
.allocation-edit button {white-space:nowrap;}
.allocation-edit thead th:nth-child(3) {text-align:right;}
.allocation-amount {display:inline-block; white-space:nowrap; overflow-wrap:normal; font-variant-numeric:tabular-nums;}
.allocation-scroll-hint {display:none;}
@media(max-width:900px) {.allocation-scroll-hint {display:block;} .allocation-scroll th,.allocation-scroll td {padding:10px 12px;}}