/* Load.Live 1.6.2 (punt 36) — spraakassistent: knop naast "Code ingeven", opdrachtvenster en voorstel.
 * Rood enkel voor fouten (toast.fout); waarschuwingen amber (--let), de rest in de gewone kleuren. */
.as-knop .ic { vertical-align: -3px; margin-right: 2px; }
#as-tekst { width: 100%; min-height: 96px; }
.as-spraak { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 8px 0; }
.as-privacy { font-size: 12px; }
.as-lijst { list-style: none; margin: 8px 0 12px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.as-rij { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px 12px; padding: 10px 12px; border: 1px solid var(--lijn); border-radius: var(--r-vak, 8px); }
.as-rij.waarschuwing { border-left: 4px solid var(--let); }
.as-vink { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.as-soort { font: 400 15px/1.2 var(--display); letter-spacing: .03em; color: var(--zacht); }
.as-zin { font-weight: 600; overflow-wrap: anywhere; }
.as-velden { display: flex; flex-wrap: wrap; gap: 8px 12px; }
.as-velden label { display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: var(--zacht); min-width: 140px; flex: 1 1 160px; }
.as-velden input, .as-velden select { width: 100%; }
.as-waarschuwingen { margin: 6px 0 0; padding-left: 18px; font-size: 13px; color: var(--let); }
@media (max-width: 640px) {
  .as-rij { grid-template-columns: minmax(0, 1fr); }
}