/* Verhuiswizard (1.76.161): Mijn account › Verhuizen, en de pagina Verhuizen naar Netslim */

.nsl-verh__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; margin-bottom: 14px; }
.nsl-verh__head h3 { margin: 0 0 2px; font: 600 17px/1.3 var(--f-display); }
.nsl-verh__head h3 a { color: var(--app-text, #efedf8); text-decoration: none; }
.nsl-verh__head h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.nsl-verh__head small { font-size: 13px; }

.nsl-verh__track { list-style: none; margin: 4px 0 14px; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0; counter-reset: s; }
.nsl-verh__track li { position: relative; display: grid; justify-items: center; gap: 8px; text-align: center; font-size: 12.5px; color: var(--app-dim, #7b7796); }
.nsl-verh__track li::before { content: ""; position: absolute; top: 6px; left: calc(-50% + 9px); right: calc(50% + 9px); height: 1px; background: var(--app-line2, rgba(255, 255, 255, .12)); }
.nsl-verh__track li:first-child::before { display: none; }
.nsl-verh__track li i { position: relative; z-index: 1; width: 13px; height: 13px; border-radius: 50%; border: 1px solid var(--app-line2, rgba(255, 255, 255, .2)); background: var(--app-card, #110f1a); }
.nsl-verh__track li.is-done { color: var(--app-muted, #a5a3c4); }
.nsl-verh__track li.is-done i { background: var(--app-good, #05d9e8); border-color: var(--app-good, #05d9e8); }
.nsl-verh__track li.is-done::before, .nsl-verh__track li.is-now::before { background: var(--app-good, #05d9e8); opacity: .55; }
.nsl-verh__track li.is-now { color: var(--app-text, #efedf8); font-weight: 600; }
.nsl-verh__track li.is-now i { border-color: var(--app-acc, #8a5ce6); background: var(--app-acc, #8a5ce6); animation: nsl-verh-dot 1.6s ease-in-out infinite; }
.nsl-verh__track li.is-bad { color: var(--app-bad, #ff5c8a); font-weight: 600; }
.nsl-verh__track li.is-bad i { border-color: var(--app-bad, #ff5c8a); background: var(--app-bad, #ff5c8a); }
@keyframes nsl-verh-dot { 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { .nsl-verh__track li.is-now i { animation: none; } }

.nsl-verh__bar { height: 4px; border-radius: 4px; background: var(--app-line, rgba(255, 255, 255, .07)); overflow: hidden; margin: 0 0 12px; }
.nsl-verh__bar i { display: block; height: 100%; background: var(--app-acc, #8a5ce6); transition: width .6s ease; }
.nsl-verh__now { margin: 0 0 14px; font-size: 14.5px; color: var(--app-text, #efedf8); }
.nsl-verh__hint { margin: 12px 0 0; font-size: 13px; line-height: 1.55; color: var(--app-muted, #a5a3c4); }
.nsl-verh__note { margin: 12px 0 0; font-size: 14px; padding-left: 12px; border-left: 2px solid var(--app-line2, rgba(255, 255, 255, .14)); }
.nsl-verh__more { margin: 0; }

.nsl-verh__plugin { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.nsl-verh__opt { padding: 16px 18px; border: 1px solid var(--app-line, rgba(255, 255, 255, .07)); border-radius: 10px; display: grid; align-content: start; gap: 10px; }
.nsl-verh__opt h4, .nsl-verh__dns h4 { margin: 0; font: 600 14.5px/1.35 var(--f-display); }
.nsl-verh__opt p, .nsl-verh__dns p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--app-muted, #a5a3c4); }
.nsl-verh__opt p b, .nsl-verh__dns p b { color: var(--app-text, #efedf8); font-weight: 600; }
.nsl-verh__opt .nsl-btn { justify-self: start; display: inline-flex; align-items: center; gap: 8px; }
.nsl-verh__key { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.nsl-verh__key code { flex: 1 1 260px; min-width: 0; padding: 9px 11px; border-radius: 8px; border: 1px solid var(--app-line2, rgba(255, 255, 255, .12)); font: 500 12.5px/1.45 var(--f-mono, monospace); color: var(--app-text, #efedf8); word-break: break-all; user-select: all; }
.nsl-verh__opt small { font-size: 12px; line-height: 1.45; }

.nsl-verh__checks { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.nsl-verh__checks .nsl-sig { white-space: normal; }
.nsl-verh__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.nsl-verh__actions .nsl-btn { display: inline-flex; align-items: center; gap: 8px; }
.nsl-verh__actions form { margin: 0; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.nsl-verh__dns { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--app-line, rgba(255, 255, 255, .07)); display: grid; gap: 12px; }
.nsl-verh__dnsf .nsl-check { font-size: 13px; }
.nsl-verh__recs { width: 100%; border-collapse: collapse; font-size: 13px; }
.nsl-verh__recs th { text-align: left; font: 500 11.5px var(--f-mono, monospace); letter-spacing: .04em; text-transform: uppercase; color: var(--app-dim, #7b7796); padding: 6px 8px; border-bottom: 1px solid var(--app-line, rgba(255, 255, 255, .07)); }
.nsl-verh__recs td { padding: 8px; border-bottom: 1px solid var(--app-line, rgba(255, 255, 255, .07)); color: var(--app-muted, #a5a3c4); vertical-align: top; word-break: break-word; }
.nsl-verh__recs td code { font-size: 12.5px; color: var(--app-text, #efedf8); }

.nsl-verh__log { margin-top: 16px; border-top: 1px solid var(--app-line, rgba(255, 255, 255, .07)); padding-top: 12px; }
.nsl-verh__log summary { cursor: pointer; font-size: 13px; color: var(--app-muted, #a5a3c4); }
.nsl-verh__log ul { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.nsl-verh__log li { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; font-size: 13px; line-height: 1.5; color: var(--app-muted, #a5a3c4); }
.nsl-verh__log time { font: 500 12px var(--f-mono, monospace); color: var(--app-dim, #7b7796); }
.nsl-verh__log li.is-warn span { color: var(--app-warn, #fcee0a); }
.nsl-verh__log li.is-bad span { color: var(--app-bad, #ff5c8a); }
.nsl-verh__log li.is-ok span { color: var(--app-text, #efedf8); }
.nsl-verh__cancelf { margin: 14px 0 0; }
.nsl-verh__cancel { font-size: 12.5px; color: var(--app-dim, #7b7796); text-decoration: underline; text-underline-offset: 3px; }
.nsl-verh__back { margin: 4px 0 0; font-size: 13.5px; }
.nsl-verh__back a { display: inline-flex; align-items: center; gap: 6px; color: var(--app-muted, #a5a3c4); text-decoration: none; }
.nsl-verh__back a:hover { color: var(--app-text, #efedf8); }

/* Nieuwe verhuizing */
.nsl-verh__form { display: grid; gap: 22px; }
.nsl-verh__fs { display: grid; gap: 10px; }
.nsl-verh__fs > small { font-size: 12.5px; line-height: 1.5; }
.nsl-verh__q { margin: 0; display: flex; align-items: center; gap: 10px; font: 600 14.5px/1.35 var(--f-display); color: var(--app-text, #efedf8); }
.nsl-verh__q b { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--app-line2, rgba(255, 255, 255, .16)); font: 600 12px var(--f-mono, monospace); color: var(--app-muted, #a5a3c4); }
.nsl-verh__src { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.nsl-verh__pick { position: relative; cursor: pointer; }
.nsl-verh__pick input { position: absolute; opacity: 0; pointer-events: none; }
.nsl-verh__pick span { display: grid; gap: 4px; height: 100%; padding: 12px 14px; border-radius: 10px; border: 1px solid var(--app-line2, rgba(255, 255, 255, .12)); transition: border-color .2s; }
.nsl-verh__pick b { font: 600 14px/1.3 var(--f-display); color: var(--app-text, #efedf8); }
.nsl-verh__pick small { font-size: 12px; line-height: 1.45; color: var(--app-muted, #a5a3c4); }
.nsl-verh__pick:hover span { border-color: rgba(255, 255, 255, .28); }
.nsl-verh__pick input:checked + span { border-color: var(--app-acc, #8a5ce6); box-shadow: inset 0 0 0 1px var(--app-acc, #8a5ce6); }
.nsl-verh__pick input:focus-visible + span { outline: 2px solid var(--app-acc, #8a5ce6); outline-offset: 2px; }
.nsl-verh__creds { display: grid; gap: 10px; padding-top: 4px; }
.nsl-verh__creds[hidden] { display: none; }
.nsl-verh__creds small { font-size: 12.5px; line-height: 1.5; }
.nsl-verh__dnsopt { display: grid; gap: 8px; }
.nsl-verh__dnsopt .nsl-check input { border-radius: 50%; }
.nsl-verh__dnsopt .nsl-check input:checked::after { width: 8px; height: 8px; border: 0; border-radius: 50%; background: #fff; transform: none; }
.nsl-verh__form .nsl-check small { display: block; margin-top: 2px; color: var(--app-dim, #7b7796); font-size: 12.5px; }
.nsl-verh__ow { display: grid; gap: 10px; padding: 4px 0 4px 14px; border-left: 2px solid var(--app-warn, #fcee0a); }
.nsl-verh__ow p { margin: 0; font-size: 14px; line-height: 1.55; }
.nsl-verh__form .nsl-actions { margin-top: 0; }

.nsl-verh__histlist { list-style: none; margin: 0; padding: 0; }
.nsl-verh__histlist li { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 10px 0; border-top: 1px solid var(--app-line, rgba(255, 255, 255, .07)); font-size: 14px; }
.nsl-verh__histlist li:first-child { border-top: 0; }
.nsl-verh__histlist a { color: var(--app-text, #efedf8); text-decoration: none; }
.nsl-verh__histlist small { margin-left: auto; color: var(--app-dim, #7b7796); }

@media (max-width: 1100px) { .nsl-verh__src { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
	.nsl-verh__plugin { grid-template-columns: 1fr; }
	.nsl-verh__src { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nsl-verh__track li span { display: none; } /* telefoon: alleen de bolletjes; de zin eronder zegt wat er gebeurt */
	.nsl-verh__log li { grid-template-columns: 1fr; gap: 2px; }
	.nsl-verh__recs, .nsl-verh__recs tbody { display: block; width: 100%; }
	.nsl-verh__recs thead { display: none; }
	.nsl-verh__recs tr { display: grid; grid-template-columns: 56px minmax(0, 1fr); padding: 8px 0; border-bottom: 1px solid var(--app-line, rgba(255, 255, 255, .07)); }
	.nsl-verh__recs td { border: 0; padding: 2px 4px; }
	.nsl-verh__recs td:nth-child(n+3) { grid-column: 2; }
	.nsl-verh__recs td:nth-child(3)::before { content: "nu: "; color: var(--app-dim, #7b7796); }
	.nsl-verh__recs td:nth-child(4)::before { content: "wordt: "; color: var(--app-dim, #7b7796); }
}

/* Publieke pagina */
.nsl-move__card .nsl-numlist { margin-top: 1rem; }
.nsl-move__card .nsl-btn--block { margin-top: 22px; }
.nsl-move__card .nsl-small { margin: 12px 0 0; font-size: .86rem; }

/* Beheer */
.nsl-verhadm__log { margin: 0; }
.nsl-verhadm__log li { margin: 0 0 6px; }