/* Load.Live 1.6.1 (item 24) — Foto van de inhoud: knop + teller, nazicht, "Nieuw". Rood enkel voor fouten (toast.fout);
 * twijfel/nakijken amber (--let), samenvoegen en "Nieuw" cyaan (--accent), teller grijs. */
.if-vak { display: flex; flex-direction: column; gap: 8px; }
.if-knop { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.if-knop .ic { vertical-align: -3px; margin-right: 4px; }
.if-plek:empty { display: none; }
.if-plek { margin: 8px 0 16px; }
.if-teller { font-size: 13px; color: var(--zacht); }
.if-teller.bijna { color: var(--let); font-weight: 600; }
.if-teller.op { color: var(--let); }
.if-open { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 14px; border-radius: var(--r-vak, 8px);
  background: var(--let-zacht); border-left: 4px solid var(--let); }
.if-tip { margin: 4px 0 10px; }
.if-privacy { font-size: 12px; }
.if-minis { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.if-minis figure { position: relative; margin: 0; }
.if-minis img { width: 88px; height: 88px; object-fit: cover; border-radius: var(--r-klein, 6px); border: 1px solid var(--lijn); display: block; }
.if-minis figure .icoonknop { position: absolute; top: 2px; right: 2px; background: var(--rack, #fff); }
.if-kop { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 8px; }
.if-tabel input[type=text] { width: 100%; min-width: 140px; }
.if-tabel input[type=number] { width: 70px; }
.if-tabel select { max-width: 160px; }
.if-tabel .if-groep th { text-align: left; font: 400 16px/1.2 var(--display); letter-spacing: .03em; color: var(--zacht); padding-top: 12px; }
.if-onzeker, input.if-onzeker { color: var(--let); font-weight: 700; }
input.if-onzeker { border-color: var(--let); }
.if-samen { margin-top: 4px; font-size: 13px; color: var(--accent); }
.if-samen select { margin-left: 6px; font-size: 13px; }
.if-apart { display: block; font-size: 12px; margin-top: 4px; white-space: nowrap; }
.if-nieuw { display: inline-block; padding: 1px 8px; border-radius: var(--r-pil, 999px); background: var(--accent); color: var(--accent-tekst); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
@media (max-width: 640px) {
  .if-tabel thead { display: none; }
  .if-tabel tr:not(.if-groep) { display: grid; grid-template-columns: 32px 1fr; gap: 4px 8px; padding: 8px 0; border-bottom: 1px solid var(--lijn); }
  .if-tabel tr:not(.if-groep) td { padding: 0; border: 0; }
  .if-tabel tr:not(.if-groep) td:nth-child(n+3) { grid-column: 2; }
}