/* Содержимое окна «Что изменится» (platform/financial-confirm.js): группы по записи, блок «У вас изменится»,
   свёрнутые «Ещё N изменений у других» и «Детали расчёта». Оболочка (.confirm-overlay, .confirm-card, .confirm-actions) и плоский вид
   для ответа сервера без record (.confirm-impact>div) остаются в style.css — его бюджет размера исчерпан.
   Правила со вторым классом перебивают общие .confirm-impact b / .confirm-impact span из style.css. */

/* Блоки идут прямыми детьми .confirm-impact (там уже gap:10px); между соседними блоками добавляем ещё 6px. */
.fc-section{display:grid;gap:0;min-width:0}
.confirm-impact>.fc-section+*,.confirm-impact>.fc-record+*{margin-top:6px}
.fc-section-title{margin:0 0 2px;font:12px 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.fc-mine .fc-section-title{color:var(--accent)}

/* Строка последствия: подпись слева, у личной части справа разница со знаком, «было → стало» второй строкой мелко. */
.fc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;padding:9px 0;border-bottom:1px solid var(--line)}
.fc-section .fc-row:last-child{border-bottom:0}
.confirm-impact .fc-row-label{min-width:0;font-size:.85rem;line-height:1.35;overflow-wrap:anywhere}
.confirm-impact .fc-row-values{grid-column:1/-1;font:12px/1.45 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;color:var(--muted);overflow-wrap:anywhere}
.confirm-impact .fc-delta{font:600 .9rem/1.3 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;color:var(--ink);white-space:nowrap;text-align:right}

/* Запись, которую правят: заголовок и одна строка-сводка (новая, удалённая) либо только изменённые поля. */
.fc-record{display:grid;gap:4px;min-width:0;padding:11px 12px;border-left:3px solid var(--line);border-radius:0 8px 8px 0;background:#ebebe4;background:color-mix(in srgb, var(--deep) 4%, var(--paper))}
.fc-record-new{border-left-color:var(--ok)}
.fc-record-deleted{border-left-color:var(--warn)}
.fc-record-changed{border-left-color:var(--accent)}
.fc-record-title{margin:0;font-size:.88rem;line-height:1.35;letter-spacing:-.01em;overflow-wrap:anywhere}
.fc-record-summary{margin:0;font:12px/1.5 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;color:var(--muted);overflow-wrap:anywhere}
.fc-change{display:flex;flex-wrap:wrap;gap:1px 8px;min-width:0;margin:0;line-height:1.45}
.confirm-impact .fc-change-field{font:600 .8rem/1.45 Manrope,Arial,sans-serif;color:var(--ink);overflow-wrap:anywhere}
.confirm-impact .fc-change-values{font:12px/1.5 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;color:var(--muted);overflow-wrap:anywhere}
/* Число с валютой остаётся целым, имена и промежутки между суммами переносятся. */
.confirm-impact .fc-money{display:inline;white-space:nowrap;font:inherit;color:inherit}
.confirm-impact .fc-text{display:inline;font:inherit;color:inherit}
.confirm-impact .fc-record-summary{display:block;font:12px/1.5 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;color:var(--muted);overflow-wrap:anywhere}
.fc-more{margin:6px 0 0}
/* Бюджет и внесённые авансы одной фразой (батч 5, п. 18). */
.confirm-impact>.fc-section.fc-advances{padding:11px 12px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:#ebebe4;background:color-mix(in srgb, var(--deep) 4%, var(--paper))}
.fc-advance-line{margin:0;font:600 .84rem/1.5 Manrope,Arial,sans-serif;color:var(--ink);overflow-wrap:anywhere}

/* Свёртка чужих строк: кнопка во всю ширину, стрелка поворачивается по aria-expanded. */
.fc-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px;text-align:left;border:1px solid var(--tap-border);border-radius:8px;background:var(--tap-bg);color:var(--ink);font:600 .82rem Manrope,Arial,sans-serif;transition:background .15s}
.fc-toggle:hover,.fc-toggle:focus-visible{background:var(--tap-bg-hover)}
.fc-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.fc-toggle::after{content:'';flex:0 0 auto;width:7px;height:7px;margin-top:-3px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);transition:transform .15s}
.fc-toggle[aria-expanded="true"]::after{margin-top:3px;transform:rotate(-135deg)}
.fc-others-body,.fc-details-body{display:grid;margin-top:6px}
.fc-others-body[hidden],.fc-details-body[hidden]{display:none}

@media (max-width:340px){
  .fc-record,.confirm-impact>.fc-section.fc-advances{padding:10px}
  .fc-row{column-gap:8px}
}