/* Inkoop: de order, de ontvangst met bijkomende kosten, en de afdruk op A4. */

/* ── Inkoop ─────────────────────────────────────────────────────────────── */

.ordertotaal {
  margin: var(--ruimte-3) 0 0;
  text-align: right;
}

.kaart-voet {
  margin: var(--ruimte-3) 0 0;
  font-size: var(--tekst-klein);
}

/* De inkooporder op A4: onzichtbaar op het scherm, het enige wat er staat bij afdrukken. */
.alleen-printen {
  display: none;
}

@media print {
  @page {
    size: A4;
    margin: 18mm 16mm;
  }

  .alleen-printen {
    display: block;
  }

  .meldingen {
    display: none;
  }

  .afdruk {
    color: var(--kleur-tekst);
    font-size: 10.5pt;
  }

  .afdruk-kop {
    display: flex;
    gap: 12mm;
    align-items: center;
    margin-bottom: 10mm;
  }

  .afdruk-kop h1 {
    margin: 0;
    font-size: 16pt;
  }

  .afdruk-kop p {
    margin: 1mm 0 0;
  }

  .afdruk-logo {
    width: 18mm;
    height: 18mm;
  }

  .afdruk-adressen {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10mm;
    margin-bottom: 8mm;
  }

  .afdruk-kopje {
    display: block;
    margin-bottom: 1mm;
    font-size: 8.5pt;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .afdruk-adressen dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1mm 4mm;
    margin: 0;
  }

  .afdruk-adressen dt {
    font-weight: 600;
  }

  .afdruk-adressen dd {
    margin: 0;
  }

  .afdruk-regels {
    width: 100%;
    border-collapse: collapse;
  }

  .afdruk-regels th,
  .afdruk-regels td {
    padding: 2mm 1.5mm;
    border-bottom: 0.3mm solid var(--kleur-rand);
    text-align: left;
    vertical-align: top;
  }

  .afdruk-regels .getal {
    text-align: right;
    white-space: nowrap;
  }

  .afdruk-regels tfoot td {
    border-bottom: 0;
    font-weight: 600;
  }

  .afdruk-opmerking {
    margin-top: 6mm;
    white-space: pre-wrap;
  }

  .afdruk-voet {
    margin-top: 10mm;
    font-size: 9pt;
  }
}

/* Een levering ontvangen: per orderregel een blok velden. */
.ontvangst-regel {
  margin: 0 0 var(--ruimte-3);
  padding: var(--ruimte-3) var(--ruimte-4);
  border: 1px solid var(--kleur-rand-zacht);
  border-radius: var(--radius);
}

.ontvangst-regel legend {
  padding: 0 var(--ruimte-1);
  font-weight: 600;
}

.ontvangst-kosten {
  margin-top: var(--ruimte-4);
}

.ontvangst-kosten h3 {
  display: flex;
  gap: var(--ruimte-2);
  align-items: center;
  margin: 0 0 var(--ruimte-2);
  font-size: var(--tekst-normaal);
}

.kostenlijst {
  margin: 0 0 var(--ruimte-2);
  padding-left: var(--ruimte-4);
}

/* De lijst van de leverancier om te bestellen: een vak voor het aantal per artikel. Het
   artikel waarmee je hier kwam (vanaf een artikel of een bestelsignaal), licht op. */
.bestellijst input {
  width: 100px;
}

.bestellijst tr.klaargezet td {
  background: var(--kleur-accent-zacht);
}

.bestelt {
  margin-bottom: var(--ruimte-4);
  padding: var(--ruimte-3) var(--ruimte-4);
  border-radius: var(--radius);
  background: var(--kleur-accent-zacht);
}