/* Сетка одинакова на телефоне и широком экране; денежные строки переносятся целиком. */
.expense-summary.expense-row{min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto 12px;grid-template-areas:"title amount chevron" "meta badge chevron" "equiv equiv chevron" "detail detail chevron";gap:4px 8px;padding:10px 9px;border-left:0;align-items:start}
.expense-summary.expense-row.needs-action{border-left:3px solid var(--accent);padding-left:6px}
.expense-row .expense-summary-main,.expense-row .expense-summary-money{display:contents}
.expense-row .expense-summary-main>b{grid-area:title;align-self:start;font-size:.9rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.expense-row .expense-summary-main>.expense-row-meta{grid-area:meta;display:block;font:11px/1.5 Manrope,ui-sans-serif,system-ui,sans-serif;color:var(--muted);white-space:normal;overflow-wrap:anywhere}
.expense-row .expense-row-payer{font:inherit;color:inherit}
.expense-row .expense-payer-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle}
.expense-row .expense-row-icon{display:inline-flex;vertical-align:middle;margin-left:5px;color:var(--muted)}
.expense-row-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}
.expense-row .expense-summary-money>.expense-row-amount{grid-area:amount;display:grid;gap:2px;justify-self:end;text-align:right;white-space:nowrap}
.expense-row .expense-row-amount>b{font:600 .9rem/1.35 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.expense-row .expense-gross{text-decoration:line-through;font-size:10px;white-space:nowrap}
.expense-row .expense-row-state{grid-area:badge;justify-self:end;max-width:100%;font:11px/1.5 Manrope,ui-sans-serif,system-ui,sans-serif;font-style:normal;text-transform:none;letter-spacing:normal;color:var(--muted);text-align:right;white-space:normal}
.expense-row .expense-row-state.is-awaiting{color:var(--accent);font-weight:600}
.expense-row .expense-row-state.is-unassigned{color:var(--warn)}
.expense-row .expense-row-state.is-closed{color:var(--muted);font-weight:400}
.expense-row .expense-row-equivalents{grid-area:equiv;display:flex;flex-wrap:wrap;gap:0 4px;max-width:100%;min-width:0;color:var(--muted);font:10px/1.5 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:normal;overflow:visible}
.expense-row .expense-equivalent{white-space:nowrap;overflow:visible}
.expense-row .expense-row-detail{grid-area:detail;min-width:0;color:var(--muted);font:11px/1.5 Manrope,ui-sans-serif,system-ui,sans-serif;white-space:normal;overflow:visible}
.expense-row .expense-chevron{grid-area:chevron;align-self:center}
.expense-summary.expense-row.is-plan-position{padding-left:22px}
.expense-row.is-plan-position::before{left:10px}
.expense-sheet-details h3{margin:0 0 6px;font-size:.9rem}
.expense-sheet-details p{margin:4px 0;color:var(--muted);font-size:.82rem}
