/*! Finyana — Calculadora de Deudas. Quelle: finyana-datos/public/deudas.css
    Die geteilten Regeln stehen in fy-calc.css (erzeugt aus src/calc-base.css).
    Hier steht nur, was diesen Rechner von den anderen unterscheidet: das
    vierspaltige Schuldenraster. */
@import url("./fy-calc.css");

  .fy-de__fieldset {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
  }
  .fy-de__legend {
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #2A2E2B;
  }
  .fy-de__nota {
    margin: 6px 0 14px;
    font-size: 13px;
    line-height: 1.5;
    color: #6B7770;
  }

  /* Vier Felder je Schuld. Der Name darf breit sein, die drei Zahlen sind
     gleich breit, damit sie spaltenweise lesbar bleiben. */
  .fy-de__deuda {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 10px;
    align-items: start;
    padding: 10px 0;
    border-bottom: 1px solid #EFF4F0;
  }
  .fy-de__deuda:last-child { border-bottom: 0; }

  .fy-de__row { margin: 0 0 16px; }

  .fy-de__frase {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: #4A5450;
  }

  /* "Con estos pagos la deuda no se liquida" ist keine Zahl, aber die
     wichtigste Aussage, die dieser Rechner treffen kann. */
  .fy-de__value[data-fy-state="sin-cifra"] {
    font-size: 20px;
    line-height: 1.3;
    color: #8A6A1E;
  }

  /* Beide Strategien stehen gleichrangig da. Keine Hervorhebung, keine
     Farbe, kein Haken — der Rechner empfiehlt nicht. */
  .fy-de__tabla th[scope="row"] { font-weight: 500; color: #2A2E2B; }

  @media (max-width: 767px) {
    .fy-de__deuda {
      grid-template-columns: 1fr 1fr;
      padding: 14px 0;
    }
    .fy-de__deuda > div:first-child { grid-column: 1 / -1; }
    .fy-de__value[data-fy-state="sin-cifra"] { font-size: 18px; }
  }