/* Расходы задач: /costs, /costs/prices, блок на странице задачи. Язык G3NG из app.css. */
.num { font-variant-numeric: tabular-nums; }
.nowrap { white-space: nowrap; }
.wrapword { word-break: break-word; overflow-wrap: anywhere; min-width: 160px; }
.cost-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table.list.costs { min-width: 860px; }
table.list.costs td { font-variant-numeric: tabular-nums; }
table.list.costs tr.task-total td { border-top: 2px solid var(--ink); }
table.list.costs tr.task-total:first-child td { border-top: 0; }
table.list.costs tr.sub td { color: var(--muted); border-bottom-style: dotted; font-size: 13px; }
table.list.costs tr.sub td .num { color: var(--ink); }
table.list.costs tr.future td { color: var(--muted); }
table.list.records { min-width: 1080px; }
.cost-legend { max-width: 980px; }
.cost-filters { align-items: end; }
.cost-filters label { display: flex; flex-direction: column; margin: 0; flex: 1 1 140px; font-size: 12px; color: var(--muted); }
.cost-filters label input, .cost-filters label select { width: 100%; flex: 0 0 auto; margin-top: 3px; }
.cost-filters button { align-self: flex-end; }
.tag.k-usage { border-color: var(--ok); color: var(--ok-ink); background: var(--ok-bg); }
.tag.k-invoice { border-color: var(--ink); color: var(--ink); background: var(--paper); }
.tag.k-estimate { border-color: var(--accent); color: var(--accent); background: var(--accent-bg); }
.tag.k-subscription { border-color: var(--muted); color: var(--muted); }
.tag.k-unknown { border-color: var(--warn); color: var(--warn-ink); background: var(--warn-bg); }
.cost-form { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0 14px; align-items: end; }
.cost-form .wide { grid-column: 1 / -1; }
.cost-form button { justify-self: start; }
.cost-task header a { font-size: 13px; }

@media (max-width: 560px) {
  .cost-filters button { width: 100%; }
}

/* Свёрнутые подробности: заголовок внутри summary в одну строку с треугольником. */
details.more > summary { cursor: pointer; }
details.more > summary h2 { display: inline; }
.sr-summary { font-size: 1.05rem; margin: 0 0 .5rem; }
.cost-scroll { max-width: 100%; overflow-x: auto; }