/* Вкладка «Пополнения» (13.10.2026): та же таблица, что у «Выполнения GI» (классы gi-*), здесь — только своё. */

.tp-switch { display: flex; gap: 8px; margin: 0 0 12px; flex-wrap: wrap; }
.tp-switch .chip[aria-selected="true"] { background: var(--accent); border-color: var(--accent); color: var(--on-accent); font-weight: 600; }
.tp-note { margin-top: 10px; }
/* Итог ТМ и сети — строкой под точками: жирнее, с чертой сверху. */
.tp-table .gi-tm-total > * { font-weight: 650; color: var(--ink); border-top: 1px solid var(--line-2); background: var(--surface-2); }
.tp-table .tp-net > * { border-top: 2px solid var(--line-2); }
.tp-left { color: var(--bad); font-weight: 600; }
/* План в день — фон как у всей таблицы, цифры как у «сильных» столбцов GI; столбец обведён еле видным пунктиром. */
.tp-table { --tp-day-line: 1px dashed color-mix(in oklab, var(--ink-3) 55%, transparent); }
.tp-table .tp-day { border-left: var(--tp-day-line); border-right: var(--tp-day-line); }
.tp-table tbody td.tp-day { color: var(--ink); font-weight: 600; }
.tp-table thead th.tp-day { border-top: var(--tp-day-line); }
.tp-table tbody tr:last-child > td.tp-day { border-bottom: var(--tp-day-line); }
/* Между ТМ в таблице точек — заметная черта цвета акцента. */
.tp-table .gi-row.gi-grp > * { border-top: 3px solid var(--accent); }
.gi-table .gi-tmc { text-align: left; }

/* «Настройки → Малодоходные»: правила строками с полями. */
.tp-rules { min-width: 720px; }
.tp-rules th, .tp-rules td { text-align: left; white-space: normal; }
.tp-rules input { width: 100%; min-height: 0; height: 30px; border-radius: 7px; border: 1px solid var(--line-2); background: var(--surface-2);
  color: var(--ink); padding: 0 8px; font: inherit; }
.tp-rules td:nth-child(3) { width: 140px; } .tp-rules td:nth-child(4) { width: 110px; } .tp-rules td:last-child { width: 90px; }
.tp-settings { display: grid; gap: 12px; }