/* ARS-X 5.0 — движение денег */
.money-summary { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.money-summary > div, .money-unc { background: var(--surface, #fff); border: 1px solid var(--line, #e4e7ec); border-radius: 12px; padding: 10px 14px; min-width: 160px; display: grid; gap: 2px; }
.money-summary small { color: var(--muted, #667085); font-size: 12px; }
.money-summary b { font-size: 18px; }
.money-summary > div.warn { border-color: var(--danger, #f04438); }
.money-summary .badge { justify-self: start; }
.money-unc { cursor: pointer; font: inherit; color: inherit; text-align: left; border-color: var(--warning, #f79009); background: color-mix(in srgb, var(--warning, #f79009) 8%, transparent); }
.money-tabs { margin-bottom: 4px; flex-wrap: wrap; }
.money-screen .pos { color: var(--success, #12b76a); }
.money-screen .neg, .money-screen b.neg { color: var(--danger, #f04438); }
.money-table .pick { width: 34px; }
.money-table select { width: 180px; max-width: 100%; min-height: 34px; font-size: 13px; }
.money-table small.block, .money-cal small.block, .money-ops small.block { display: block; }
.money-purpose { max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.money-table tfoot td { font-weight: 600; border-top: 2px solid var(--line, #e4e7ec); }
.money-table tr.row-warn td, .money-flow-table tr.row-warn td { background: color-mix(in srgb, var(--warning, #f79009) 7%, transparent); }
.money-cal tr.row-danger td { background: color-mix(in srgb, var(--danger, #f04438) 7%, transparent); }
.link-plain { background: none; border: 0; padding: 0; font: inherit; color: inherit; font-weight: 600; cursor: pointer; text-align: left; }
.link-plain:hover { color: var(--primary, #2563eb); }
.money-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; margin: 8px 0; border-radius: 10px; background: color-mix(in srgb, var(--primary, #2563eb) 8%, transparent); }
.money-bulk select { max-width: 280px; }
.money-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin-top: 10px; }
.money-account { display: grid; gap: 6px; align-content: start; }
.money-account h3 .ico, .money-conn h3 .ico { width: 18px; height: 18px; margin-right: 6px; vertical-align: -3px; }
.money-balance { font-size: 24px; font-weight: 700; }
.money-recon { display: flex; gap: 6px; align-items: flex-start; font-size: 13px; padding: 6px 8px; border-radius: 8px; }
.money-recon.ok { background: color-mix(in srgb, var(--success, #12b76a) 10%, transparent); }
.money-recon.bad { background: color-mix(in srgb, var(--danger, #f04438) 10%, transparent); }
.money-recon .ico { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 2px; }
.money-conn { margin-top: 10px; display: grid; gap: 6px; }
.money-flow-head { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; margin-bottom: 10px; }
.money-flow-table td:first-child { white-space: nowrap; }
.money-flow-table tr.money-flow-section td { font-weight: 700; background: var(--surface-2, #f8fafc); }
.money-flow-table tr.money-flow-net td { font-weight: 600; border-top: 1px solid var(--line, #e4e7ec); }
.money-flow-table tr.money-flow-balance td { font-weight: 700; background: color-mix(in srgb, var(--primary, #2563eb) 6%, transparent); }
.money-cal-item { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.money-cats { margin-top: 8px; }
.money-cats h4 { margin: 8px 0 4px; font-size: 13px; color: var(--muted, #667085); }
.money-cat { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--line, #e4e7ec); }
.money-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.money-toolbar > select, .money-toolbar > input[type=search] { width: auto; min-width: 200px; flex: 0 1 260px; }
.money-toolbar > input[type=search] { flex: 1 1 260px; }
.money-toolbar .check-line { white-space: nowrap; }
.inline-field { display: inline-flex; gap: 6px; align-items: center; }
@media (max-width: 700px) {
  .money-summary > div, .money-unc { flex: 1 1 40%; min-width: 0; padding: 8px 10px; }
  .money-summary b { font-size: 16px; }
  .money-toolbar > select, .money-toolbar > input[type=search] { flex: 1 1 100%; }
  .money-purpose { white-space: normal; max-width: none; }
  .money-table select { max-width: none; width: 100%; }
}
.money-table td.num { white-space: nowrap; }
.money-table td[data-label="Счёт"] { min-width: 110px; }