/* Обзор поездки: правки поверх style.css, который уже в бюджете размера (scripts/file-size-budget.json). Подключён после него.
   Терракот (--accent) здесь оставлен действию и долгу; полосы бюджетов и итог — спокойные. Рассчитано на 320 px: суммы не
   переносятся внутри себя, цели касания ссылок — от 44 px. */

/* Бюджет поездки: полосы бюджетов в карточке Обзора — цвет --deep, как шкала поездки выше. */
#overview-budget-top .plan-item-bar>u{background:var(--deep)}

/* Валюта показа: подпись «валюта» видна на любой ширине. Если кнопки с подписью не помещаются в строку (шесть и больше
   валют на 320 px), подпись уходит на свою строку, а кнопки не сжимаются ниже 44 px. */
.currency-control{flex-wrap:wrap;row-gap:4px}

/* «Ваша часть»: строка покрытия. Текст («Вашу часть вносит: Илья») — просто текст; «Изменить» — действие с ролью кнопки. */
.overview-coverage{display:block;min-height:0;margin:10px 0 0;padding:0;color:var(--muted);font-size:.84rem;line-height:1.4;overflow-wrap:anywhere}
.overview-coverage[role="button"]{display:flex;align-items:center;min-height:44px;margin:2px 0 0;color:var(--accent);font-weight:600;cursor:pointer}
.overview-coverage[role="button"]:hover{text-decoration:underline;text-underline-offset:3px}
.overview-coverage[role="button"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;text-decoration:underline;text-underline-offset:3px}

/* «Нужно сделать»: итог под строками переводов, причина под строкой, тихая ссылка «Из каких трат». */
.todo-total{display:grid;gap:2px;margin:6px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.todo-total>.todo-summary{margin:0;color:var(--ink);font-size:.92rem;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.todo-total>.todo-summary+.todo-summary{color:var(--muted);font-weight:500}
.todo-row>.todo-reason{margin-top:-2px;font-size:.76rem;line-height:1.35;overflow-wrap:anywhere}
.todo-awaiting-link{display:block;max-width:100%;margin:0;color:var(--muted);text-align:left;font-size:.8rem;overflow-wrap:anywhere}
.todo-awaiting-link:hover,.todo-awaiting-link:focus-visible{color:var(--accent)}
.todo-missing{min-height:44px}
/* «Как это посчиталось →» на узких экранах была 40 px (правило для прямых потомков блока в style.css). */
#overview-open-settlements{min-height:44px}
/* «Вы → Длинное имя»: .settle-flow-people — flex с overflow-wrap:anywhere, и «Вы» сжималось до одной буквы (min-content при anywhere ≈ 1 символ). Местоимение не сжимается и не переносится, имя делит остаток ширины и переносится само. */
.todo-row>.settle-flow-people>b.settle-you{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal}
.todo-row>.settle-flow-people>b:not(.settle-you){min-width:0}