/* Styling voor de generieke formulier-helpers uit /scripts/form-inputs.js:
   invoer-maskers/validatie (IPv4, MAC, telefoon, e-mail) en de bewerkbare
   lijst-editor met invoer-rij (.entry-list). Pagina-agnostisch: de klassen
   worden alleen gezet waar deze velden/lijsten voorkomen, dus elders een no-op.
   NTU/DMP-specifieke stijl (override-rijen, overerf-hints) staat in
   /styles/ntu-settings.css. */

/* IPv4-/MAC-velden: monospace zodat octetten/punten netjes uitlijnen, en een
   rode markering wanneer de ingevoerde waarde geen geldig adres is. */
.ipv4-input, .mac-input { font-family: monospace; }
/* Vaste breedte die een volledig adres toont (255.255.255.255 / een MAC) en
   overal consistent is; max-width houdt 'm netjes in smalle cellen. */
.ipv4-input { width: 170px; max-width: 100%; }
.mac-input { width: 190px; max-width: 100%; }
.ipv4-input.ipv4-invalid,
.mac-input.mac-invalid,
.email-input.email-invalid,
.phone-input.phone-invalid,
.entry-invalid { border-color: #a94442; background-color: #fdecea; }

/* Bewerkbare lijsten (.entry-list): de invoer-rij onderaan krijgt een subtiele
   tint zodat hij leesbaar is als "nieuwe entry"-regel. Cellen verticaal
   gecentreerd (Bootstrap lijnt standaard bovenaan uit), zodat het type-label en
   de +/− knoppen netjes naast de invoervelden staan. De foutmelding bij een
   afgekeurde invoer staat als losse regel onder de tabel, zodat de layout niet
   inklapt. */
tr.entry-input { background-color: #fafafa; }
.table.entry-list > tbody > tr > td { vertical-align: middle; }
.entry-msg { margin-top: 4px; }

/* Port-forward "inside address : port": op één regel houden (anders valt het
   poortveld onder het IP-adres). Het IP-veld krijgt genoeg breedte voor een
   volledig adres; poortvelden zijn smal (max 5 tekens, 1-65535). */
.entry-list .form-inline { white-space: nowrap; }
.entry-list .form-inline .ipv4-input { width: 170px; }
.entry-list .entry-port { width: 70px; }