/* Bulk domeinen registreren en verhuizen (/bulkdomeinen, taak 113). Portaal (portal-shell-variabelen) en publieke
   site (tools.css + website-testen.css); daarom overal een terugvalwaarde bij de variabelen. Compact: de lijst moet
   binnen de kaart passen (Michel 4 nov), dus vaste kolommen en velden die mee krimpen. */
.bkd-pagina{--bkd-rand:var(--gray-lighter-4,#e3e6eb);--bkd-tekst:var(--gray-darker,#17191c);--bkd-grijs:var(--gray-base,#5e636e);--bkd-vlak:var(--surface,#fff);--bkd-achter:var(--body-bg,#f5f6f8);--bkd-blauw:var(--brand-primary,#1062fe);font-size:13px}
.bkd-sub{margin:4px 0 0;color:var(--bkd-grijs);font-size:13.5px}
.bkd-melding{margin:10px 0 0;padding:9px 12px;border-radius:9px;background:rgba(16,98,254,.07);color:#152a80;font-size:12.5px}
.bkd-kaart{margin-top:14px;max-width:100%;box-sizing:border-box;min-width:0}
.bkd-site .bkd-kaart{text-align:left}
.bkd-kaartkop{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;color:var(--bkd-tekst);margin-bottom:12px}
.bkd-kaartkop svg,.bkd-pagina .wp-card-kop svg{color:var(--bkd-blauw);flex:none}
.bkd-kaartkop .rechts{margin-left:auto}
.bkd-pagina .wp-card-kop .rechts,.bkd-kaartkop .rechts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.bkd-label{display:block;font-size:12.5px;font-weight:700;color:var(--bkd-tekst);margin-bottom:5px}
.bkd-tekst{display:block;width:100%;box-sizing:border-box;min-height:140px;padding:10px 12px;border:1.5px solid var(--bkd-rand);border-radius:10px;background:var(--bkd-vlak);color:var(--bkd-tekst);font-family:var(--font-mono,ui-monospace,monospace);font-size:12.5px;line-height:1.5;resize:vertical}
.bkd-tekst:focus,.bkd-input:focus,.bkd-select:focus{outline:none;border-color:var(--bkd-blauw);box-shadow:0 0 0 3px rgba(16,98,254,.12)}
.bkd-hint{font-size:12px;color:var(--bkd-grijs);margin:7px 0 12px}
.bkd-ongeldig{font-size:12px;color:var(--brand-danger-dark,#b0141f);margin:10px 0 0;word-break:break-word}

/* Voor alle domeinen */
.bkd-alle{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding:10px 12px;margin-bottom:12px;border-radius:10px;background:var(--bkd-achter)}
.bkd-alle-titel{width:100%;font-size:12px;font-weight:700;color:var(--bkd-tekst)}
.bkd-alle-veld{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--bkd-grijs);flex:1 1 170px;min-width:0;max-width:260px}
.bkd-ns-blok,.bkd-ns-standaard{width:100%;margin:0}
.bkd-ns-velden{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.bkd-ns-blok .bkd-hint{margin:6px 0 0}

/* Velden */
.bkd-select,.bkd-input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:5px 8px;border:1.5px solid var(--bkd-rand);border-radius:7px;background:var(--bkd-vlak);color:var(--bkd-tekst);font:inherit;font-size:12px;text-overflow:ellipsis}
.bkd-input:disabled{opacity:.5}
.bkd-check{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--bkd-tekst);cursor:pointer;margin-top:4px}
.bkd-check input{accent-color:var(--bkd-blauw);margin:0}

/* Lijst: vaste kolombreedtes zodat hij binnen de kaart blijft */
.bkd-tabelrol{width:100%;overflow-x:auto}
.bkd-tabel{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}
.bkd-tabel th{text-align:left;font-size:11px;font-weight:700;color:var(--bkd-grijs);padding:6px 5px;border-bottom:1px solid var(--bkd-rand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bkd-tabel td{padding:7px 5px;border-bottom:1px solid var(--bkd-rand);vertical-align:top;min-width:0;overflow-wrap:anywhere}
.bkd-tabel th:nth-child(1){width:19%}
.bkd-tabel th:nth-child(2){width:12%}
.bkd-tabel th:nth-child(3){width:11%}
.bkd-tabel th:nth-child(4){width:7%}
.bkd-tabel th:nth-child(5){width:15%}
.bkd-tabel th:nth-child(6){width:13%}
.bkd-tabel th:last-child{width:30px}
.bkd-tabel tr.bkd-overslaan td{opacity:.6}
.bkd-tabel tr.bkd-overslaan td.bkd-dom,.bkd-tabel tr.bkd-overslaan td.bkd-wegcel{opacity:1}
.bkd-tabel tr.bkd-heeftfout td{background:rgba(217,38,50,.05)}
.bkd-dom{font-weight:600;color:var(--bkd-tekst)}
.bkd-dom .wp-mono{font-family:var(--font-mono,ui-monospace,monospace)}
.bkd-fout{margin-top:4px;font-size:11.5px;font-weight:500;color:var(--brand-danger-dark,#b0141f)}
.bkd-prijs{white-space:nowrap;font-family:var(--font-mono,ui-monospace,monospace)}
.bkd-extra-veld{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--bkd-grijs);margin-bottom:5px;line-height:1.3}
.bkd-extra-veld span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bkd-leeg{font-size:11.5px;color:var(--gray-lighter,#9aa1ad)}
.bkd-weg{border:0;background:none;color:var(--bkd-grijs);font-size:18px;line-height:1;padding:1px 5px;border-radius:6px;cursor:pointer}
.bkd-weg:hover,.bkd-weg:focus-visible{color:var(--brand-danger-dark,#b0141f);background:rgba(217,38,50,.08)}
.bkd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Status (eigen klassen: werken op site en portaal) */
.bkd-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;line-height:1.4;max-width:100%}
.bkd-chip-dot{width:6px;height:6px;border-radius:50%;flex:none}
.bkd-chip.ok{color:#1d7a35;background:rgba(54,192,85,.12)} .bkd-chip.ok .bkd-chip-dot{background:#36c055}
.bkd-chip.warn{color:#9a5b00;background:rgba(255,170,0,.13)} .bkd-chip.warn .bkd-chip-dot{background:#ffaa00}
.bkd-chip.gray{color:#5e636e;background:#f0f1f3} .bkd-chip.gray .bkd-chip-dot{background:#9aa1ad}
.bkd-chip.info{color:#152a80;background:rgba(16,98,254,.09)} .bkd-chip.info .bkd-chip-dot{background:#1062fe}
.bkd-chip.fout{color:#b0141f;background:rgba(217,38,50,.1)} .bkd-chip.fout .bkd-chip-dot{background:#d92632}

.bkd-extra-toevoegen{margin-top:12px}
.bkd-erbij-rij{display:flex;gap:8px;max-width:520px}
.bkd-erbij-rij .bkd-input{flex:1;padding:7px 10px}
.bkd-voet{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:flex-end;margin-top:12px}
.bkd-telling{margin-right:auto;font-size:12.5px;font-weight:600;color:var(--bkd-tekst)}
.bkd-voet [hidden]{display:none}

.bkd-toast{position:fixed;right:18px;bottom:18px;z-index:9999;max-width:420px;padding:11px 15px;border-radius:10px;background:#17191c;color:#fff;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.bkd-toast-fout{background:#b0141f;cursor:pointer}

@media(max-width:760px){
	.bkd-tabel thead{display:none}
	.bkd-tabel,.bkd-tabel tbody,.bkd-tabel tr,.bkd-tabel td{display:block;width:100%;box-sizing:border-box}
	.bkd-tabel tr{border:1px solid var(--bkd-rand);border-radius:10px;margin-bottom:8px;padding:5px;position:relative}
	.bkd-tabel td{border:0;padding:4px 5px}
	.bkd-wegcel{position:absolute;top:3px;right:3px;width:auto!important}
	.bkd-erbij-rij{flex-direction:column}
	.bkd-alle-veld{max-width:none}
}