/* ==========================================================================
   AZUR VISION — Calculateur détaillé (/calculateur-temps-automatisation)
   S'appuie sur les styles .calc d'av.css ; n'ajoute que le tableau des tâches.
   ========================================================================== */
.calcx__taches { margin-top: 18px; border-top: 1px solid var(--line); }
.calcx__row {
  display: grid; grid-template-columns: minmax(0, 1.6fr) 110px 110px 96px; gap: 14px;
  align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line);
}
.calcx__head { padding: 10px 0; font-size: .85rem; color: var(--ink-3); }
.calcx__nom { font-size: .98rem; color: var(--ink); line-height: 1.35; }
.calcx__nom small { display: block; color: var(--ink-3); font-size: .84rem; margin-top: 2px; }
.calcx__row input[type="number"], .calcx__row input[type="text"], .calcx__taux input {
  width: 100%; padding: 10px 12px; font: inherit; font-size: 1rem; color: var(--ink);
  background: var(--bg, #F5F7FB); border: 1px solid var(--line); border-radius: 10px;
  font-variant-numeric: tabular-nums;
}
.calcx__row input:focus-visible, .calcx__taux input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.calcx__total { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ink); white-space: nowrap; }
.calcx__lbl { display: none; }
.calcx__reglages { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 34px; margin-top: 24px; }
.calcx__taux { display: flex; align-items: center; gap: 10px; margin-top: 10px; max-width: 220px; }
.calcx__vide { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--ink-3); }
.calcx__top { margin-top: 16px; padding-left: 1.4em; display: grid; gap: 8px; list-style: decimal; }
.calcx__top li::marker { color: var(--blue); font-weight: 600; }
.calcx__top li { color: var(--ink-2); }
.calcx__sous { color: var(--ink-3); font-size: .95rem; }

@media (max-width: 720px) {
  .calcx__head { display: none; }
  .calcx__row { grid-template-columns: 1fr 1fr; gap: 10px 12px; }
  .calcx__nom { grid-column: 1 / -1; }
  .calcx__lbl { display: block; font-size: .8rem; color: var(--ink-3); margin-bottom: 4px; }
  .calcx__total { grid-column: 1 / -1; text-align: left; }
  .calcx__reglages { grid-template-columns: 1fr; }
}