/* --- Службова фінмодель (/finmodel/) --------------------------------------
   Сторінка користується сіткою й картками калькулятора (calculator.css):
   .calc-layout, .calc-card, .calc-metrics, .calc-table-wrap, .calc-toggle.
   Тут — тільки те, чого там немає: таблиці каскаду з підсумковими рядками
   і панель збереження розрахунку. Підключається після calculator.css. */

/* Швидкий режим ховає поля й блоки атрибутом hidden. У багатьох елементів
   сайту display заданий класом (.deck-field — flex), і він перебив би
   типовий display:none атрибута. Тому правило явне. */
[hidden] { display: none !important; }

/* Картка перемикача режимів має стояти першою і читатися як перемикач, а не
   як ще один блок полів. */
.fm-mode .calc-callout { margin-top: var(--deck-s-4); margin-bottom: 0; }

.fm-table th[scope="row"] {
  font-weight: 500;
  color: var(--deck-text-2);
  white-space: normal;
  min-width: 180px;
}

.fm-table .fm-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--deck-text);
}

.fm-table .fm-note {
  color: var(--deck-text-3);
  font-size: 13px;
  white-space: normal;
  line-height: 1.45;
}

/* Підсумкові рядки каскаду: NOI, потік після податку і «на руки». Вони —
   опорні точки моделі, решта рядків лише пояснює, як між ними пройшли. */
.fm-table tr.is-total th[scope="row"],
.fm-table tr.is-total .fm-num {
  font-weight: 700;
  color: var(--deck-text);
}
.fm-table tr.is-total td,
.fm-table tr.is-total th { border-top: 1px solid var(--deck-line); }

.fm-table tr.is-final th[scope="row"],
.fm-table tr.is-final .fm-num {
  color: var(--deck-amber);
}
.fm-table tr.is-final td { background: var(--deck-amber-wash); }
.fm-table tr.is-final th[scope="row"] { background: var(--deck-amber-wash); }

.fm-delta--up { color: var(--deck-lime); }
.fm-delta--down { color: var(--deck-red); }

/* Панель збереження: поля йдуть рядками «підпис — поле», щоб не плутатися
   з формою моделі ліворуч. */
.fm-actions { display: flex; flex-direction: column; gap: var(--deck-s-4); }
.fm-actions__row { display: flex; flex-direction: column; gap: 6px; }

.fm-status {
  margin: 0;
  font-size: 14px;
  color: var(--deck-amber);
  font-weight: 600;
}

/* --- Друк ------------------------------------------------------------------
   На папері лишається результат. Форма, кнопки й панель збереження до
   роздруку стосунку не мають; правила calculator.css уже ховають .calc-form
   і .hero, тут додаємо власний блок дій. */
@media print {
  .fm-actions { display: none !important; }
}
