/* Invoer-dialog in de huisstijl (components/invoermodal.js): een gecentreerde
 * kaart met scrim, vervangt het kale browser-prompt. */
.invoermodal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; }
.invoermodal__scrim { position: absolute; inset: 0; background: rgba(28, 42, 57, .45); }
.invoermodal__venster { position: relative; background: #fff; border-radius: 12px; padding: 20px;
  width: min(460px, 92vw); box-shadow: 0 12px 40px rgba(0, 0, 0, .22); display: flex; flex-direction: column; gap: 10px; }
.invoermodal__venster h2 { font: 600 1.1rem/1.2 var(--font-heading, inherit); margin: 0; color: var(--ink-900); }
.invoermodal__venster label { font-size: .85rem; color: var(--ink-700, #2b3a49); }
.invoermodal__venster input { padding: 9px 11px; border: 1px solid var(--lijn, #d9e1ea); border-radius: 8px; font: inherit; }
.invoermodal__venster input:focus { outline: 2px solid var(--blue-700, #004780); outline-offset: 1px; }
.invoermodal__acties { display: flex; gap: 8px; justify-content: flex-end; margin-top: 6px; }