/* 1.76.402: Verdien mee en voucher inwisselen. Vlak paneel, haarlijnen, mono voor bedragen. */
.nsl-aff__msg { margin: 24px 0 0; padding: 12px 16px; border: 1px solid #222; border-left: 2px solid #7643c8; background: #0d0d0e; color: #e6e6e6; }
.nsl-aff__msg.is-err { border-left-color: #ff5c7a; }
.nsl-aff__panel { border: 1px solid #222; background: #0d0d0e; }
.nsl-aff__panel--pad { padding: 28px; }
.nsl-aff__panel--pad > p:last-child { margin-bottom: 0; }
.nsl-aff__head { padding: 16px 24px; border-bottom: 1px solid #1d1d1f; }
.nsl-aff__head p { margin: 0; display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; }
.nsl-aff__head b { color: #fff; }
.nsl-aff__head span { color: #8a8a8a; font-size: 13px; }
.nsl-aff__link { display: flex; gap: 8px; padding: 18px 24px 8px; }
.nsl-aff__link input { flex: 1; min-width: 0; font: 500 15px 'IBM Plex Mono', ui-monospace, monospace; color: #fff; background: #111112; border: 1px solid #2a2a2c; padding: 12px 14px; }
.nsl-aff__alt { margin: 0; padding: 0 24px 18px; font-size: 12.5px; color: #8a8a8a; }
.nsl-aff__alt code { font-size: 12px; color: #d4d4d4; }
.nsl-aff__kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid #1d1d1f; border-bottom: 1px solid #1d1d1f; }
.nsl-aff__kpis > div { display: grid; gap: 6px; padding: 18px 24px; border-right: 1px solid #1d1d1f; min-width: 0; }
.nsl-aff__kpis > div:last-child { border-right: 0; }
.nsl-aff__kpis span { font-size: 12.5px; color: #8a8a8a; }
.nsl-aff__kpis b { font: 600 24px/1.1 'IBM Plex Mono', ui-monospace, monospace; color: #fff; letter-spacing: -.02em; white-space: nowrap; }
.nsl-aff__kpis .is-ok b { color: #7643c8; }
.nsl-aff__kpis small { font-size: 12px; color: #6d6d6d; }
.nsl-aff__table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.nsl-aff__table th { text-align: left; font-weight: 500; color: #6d6d6d; font-size: 12px; padding: 12px 24px 8px; }
.nsl-aff__table td { padding: 10px 24px; border-top: 1px solid #161618; color: #d4d4d4; }
.nsl-aff__table td b { font-family: 'IBM Plex Mono', ui-monospace, monospace; color: #fff; font-weight: 500; }
.nsl-aff__empty { margin: 0; padding: 20px 24px; color: #8a8a8a; }
.nsl-aff__pay { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #1d1d1f; }
.nsl-aff__pay > form { padding: 20px 24px; }
.nsl-aff__pay > form + form { border-left: 1px solid #1d1d1f; }
.nsl-aff__form { display: grid; gap: 12px; justify-items: start; }
.nsl-aff__form p { margin: 0; }
.nsl-aff__form label { display: grid; gap: 6px; width: 100%; max-width: 520px; font-size: 13px; color: #a1a1a1; }
.nsl-aff__form input:not([type=hidden]), .nsl-aff__form textarea { width: 100%; background: #111112; border: 1px solid #2a2a2c; color: #fff; padding: 11px 13px; font: inherit; font-size: 15px; }
.nsl-aff__vform input[name=code] { font: 600 20px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .04em; text-transform: uppercase; }
.nsl-aff__form button[disabled] { opacity: .45; cursor: not-allowed; }
.nsl-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.nsl-aff__steps { list-style: none; margin: 0 0 28px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #222; }
.nsl-aff__steps li { padding: 24px; border-right: 1px solid #1d1d1f; display: grid; gap: 8px; align-content: start; }
.nsl-aff__steps li:last-child { border-right: 0; }
.nsl-aff__steps span { font: 500 12px 'IBM Plex Mono', ui-monospace, monospace; color: #7643c8; }
.nsl-aff__steps b { color: #fff; font-size: 17px; }
.nsl-aff__steps p { margin: 0; color: #a1a1a1; font-size: 14.5px; line-height: 1.55; }
.nsl-aff__steps--tight { grid-template-columns: 1fr; border: 0; margin-bottom: 18px; }
.nsl-aff__steps--tight li { border-right: 0; border-bottom: 1px solid #1d1d1f; padding: 18px 0; justify-items: start; }
.nsl-aff__rules { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; max-width: 760px; }
.nsl-aff__rules li { padding-left: 18px; position: relative; color: #a1a1a1; font-size: 14.5px; line-height: 1.55; }
.nsl-aff__rules li::before { content: ''; position: absolute; left: 0; top: .7em; width: 8px; height: 1px; background: #7643c8; }
.nsl-aff__join { max-width: 720px; }
@media (max-width: 900px) { .nsl-aff__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .nsl-aff__kpis > div:nth-child(2n) { border-right: 0; } .nsl-aff__kpis > div { border-bottom: 1px solid #1d1d1f; } .nsl-aff__steps { grid-template-columns: 1fr; } .nsl-aff__steps li { border-right: 0; border-bottom: 1px solid #1d1d1f; } .nsl-aff__pay { grid-template-columns: 1fr; } .nsl-aff__pay > form + form { border-left: 0; border-top: 1px solid #1d1d1f; } }
@media (max-width: 600px) { .nsl-aff__panel--pad { padding: 20px 16px; } .nsl-aff__link, .nsl-aff__alt, .nsl-aff__head, .nsl-aff__kpis > div, .nsl-aff__pay > form, .nsl-aff__table th, .nsl-aff__table td { padding-left: 16px; padding-right: 16px; } .nsl-aff__link { flex-direction: column; } .nsl-aff__table th:nth-child(3), .nsl-aff__table td:nth-child(3) { display: none; } }
/* Domeinzoeker in de voucherstap: volle breedte, zonder de uitleg-opsomming */
.nsl-aff__steps--tight li > .nsl-dsearch { width: 100%; max-width: 640px; }
.nsl-aff__steps--tight .nsl-dsearch__why, .nsl-aff__steps--tight .nsl-dsearch__tlds, .nsl-aff__steps--tight .nsl-dsearch__cost { display: none; }
.nsl-aff__steps--tight .nsl-dsearch__form { width: 100%; box-sizing: border-box; }
.nsl-aff__steps--tight .nsl-dsearch__form input { min-width: 0; }
@media (max-width: 600px) { .nsl-aff__steps--tight .nsl-dsearch__btn span, .nsl-aff__steps--tight .nsl-dsearch__form button span { display: inline !important; } }
.nsl-aff__steps--tight li > .nsl-dsearch { box-sizing: border-box; max-width: 100%; }
.nsl-aff__steps--tight .nsl-dsearch__form button span { color: #fff !important; }
.nsl-aff__steps--tight .nsl-dsearch__form button svg { display: none; }
.nsl-aff__steps--tight li { grid-template-columns: minmax(0, 1fr); }
.nsl-aff__steps--tight li > .nsl-dsearch { justify-self: stretch; min-width: 0; width: auto; }
.nsl-aff__steps--tight .nsl-dsearch__form { min-width: 0; }