/* welkom.css — de welkomstwizard van de drie werkruimtes (welkom.js).
   Het venster zelf is dat van de startpagina (startpagina.css, sp-); hier staat
   alleen wat de wizard erbij heeft: velden, stukken om te tekenen, keuzelijsten.
   Klassen wk-. */
html.wk-open{overflow:hidden}
/* Boven de navigatie (100) en de organisatiebalk (90), onder het modulevenster (1000): de balk
   sneed anders de hoofdstukken af in de werkruimte en het toezicht (7-okt-2026). */
.sp-overlay.wk-laag{z-index:950}
.wk-laag .sp-wiz{max-height:calc(100vh - 48px);display:flex;flex-direction:column}
.wk-laag .sp-wizin{overflow-y:auto}
.wk-laag .sp-wizvoet{flex:none}
.wk-velden{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
/* Een veld vult de hoogte van zijn rij en zet het invoervak onderaan: twee velden naast
   elkaar lijnen dan uit, ook als er maar één een hulptekst draagt. */
.wk-veld{display:flex;flex-direction:column;gap:4px}
.wk-veld>input,.wk-veld>textarea,.wk-veld>select{margin-top:auto}
.wk-veld.wk-breed{grid-column:1/-1}
.wk-veld label{font-weight:800;font-size:14px}
.wk-veld small{color:var(--muted);font-size:12.5px}
.wk-veld input,.wk-veld textarea,.wk-veld select{border:1px solid var(--sp-lijn);border-radius:8px;padding:10px 12px;font:inherit;
  font-size:14px;color:var(--navy);background:var(--white);min-height:44px;width:100%;box-sizing:border-box}
.wk-veld textarea{min-height:96px;resize:vertical}
.wk-veld input:focus,.wk-veld textarea:focus,.wk-veld select:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:var(--lime)}
.wk-verplicht{color:var(--lime-dark);font-weight:600}
.wk-mag{color:var(--muted);font-weight:500}
.wk-fout{margin:0}
.wk-stukken{display:grid;gap:0;border-top:1px solid var(--sp-lijn)}
.wk-stuk{display:flex;gap:12px;align-items:flex-start;padding:12px 2px;border-bottom:1px solid var(--sp-lijn)}
.wk-stuk input{margin-top:3px;accent-color:var(--lime);width:18px;height:18px;flex:none}
.wk-stuk b{display:block}
.wk-stuk small{display:block;color:var(--muted);font-size:12.5px}
.wk-stuk .wk-af{margin-left:auto;color:var(--lime-dark);font-weight:800;font-size:12.5px;white-space:nowrap}
.wk-stand{font-size:13px;color:var(--muted);margin:0}
.wk-team{display:grid;gap:6px}
.wk-team div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;border-bottom:1px solid var(--sp-lijn);padding:6px 0}
.wk-team small{color:var(--muted)}
.wk-rij{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:10px;align-items:end}
.wk-stuk>span:first-child{flex:1;min-width:0}
.wk-janee{display:flex;gap:8px;flex:none}
.wk-janee .sp-keuze{min-width:76px;align-items:center}
/* Vier benoemde hoofdstukken in plaats van "Stap X van N" (partnerwizard, 5-okt-2026). */
.wk-hfd{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wk-hfd li{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}
.wk-hfd li.hier{color:var(--navy)}
.wk-hfd i{display:block;height:4px;border-radius:2px;background:var(--sp-lijn);overflow:hidden}
.wk-hfd i b{display:block;height:100%;background:var(--lime)}
.wk-tijd{font-size:12.5px;color:var(--muted);margin-right:auto}
.wk-belofte{display:grid;gap:10px;margin:14px 0 4px;padding:0;list-style:none}
.wk-belofte li{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--sp-lijn);border-radius:10px;padding:11px 13px}
.wk-belofte b{display:block;font-size:14px}
.wk-belofte span span{color:var(--muted);font-size:13px;display:block}
.wk-belofte .wk-nr{flex:none;width:26px;height:26px;border-radius:50%;background:var(--lime-zacht,#EEF5DF);color:var(--lime-dark);display:grid;place-items:center;font-weight:800;font-size:13px}
/* Keuzes als aanvinkbare rijen, geen pillen (besluit Johan, 7/8-okt-2026). Een vakje waar
   meer kan, een rondje waar er maar één kan (omvang, functie). De knoppen zelf blijven
   knoppen met aria-pressed, zodat de wizardlogica ongewijzigd werkt. */
.wk-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 18px}
.wk-chip{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--navy);border-radius:6px;padding:6px 6px;margin:0 -6px;font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;min-height:36px}
.wk-chip::before{content:'';flex:none;width:18px;height:18px;box-sizing:border-box;border:1.5px solid #9AA9B6;border-radius:4px;background:#fff center/12px no-repeat}
.wk-chip:hover{background:var(--bg,#F5F7FA)}
.wk-chip[aria-pressed="true"]{font-weight:600}
.wk-chip[aria-pressed="true"]::before{border-color:var(--navy);background-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2l2.6 2.6L10 3.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.wk-chip[data-keuze="omvang"]::before,.wk-chip[data-keuze="functie"]::before{border-radius:50%}
.wk-chip[data-keuze="omvang"][aria-pressed="true"]::before,.wk-chip[data-keuze="functie"][aria-pressed="true"]::before{background-image:none;box-shadow:inset 0 0 0 4px #fff}
.wk-chip:focus-visible{outline:2px solid var(--lime);outline-offset:1px}
.wk-chip:disabled{opacity:.45;cursor:not-allowed}
.wk-chip:disabled:hover{background:none}
.wk-chip-tag{font-size:12px;font-weight:600;color:var(--lime-dark);margin-left:2px}
.wk-afgeleid{border:1px solid var(--sp-lijn);border-left:3px solid var(--lime);border-radius:10px;padding:12px 14px;margin-top:14px}
.wk-afgeleid p{margin:0}
.wk-labels{list-style:none;margin:8px 0 10px;padding:0;display:grid;gap:2px}
.wk-labels li{color:var(--navy);font-size:14px;font-weight:600;padding:2px 0}
.wk-labels li::before{content:'\2713';color:var(--lime-dark);margin-right:8px}
.wk-klopt{font-size:14px}
.wk-link{background:none;border:0;padding:0 2px;font:inherit;font-weight:700;color:var(--blue);text-decoration:underline;cursor:pointer;min-height:24px}
.wk-link:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.wk-onder{margin-top:12px}
.wk-vraag{margin-top:16px}
.wk-vraag>b{display:block;font-size:14px;margin-bottom:8px}
@media (max-width:640px){
  .wk-hfd{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wk-velden{grid-template-columns:1fr}
  .wk-rij{grid-template-columns:1fr}
  .wk-stuk:has(.wk-janee){flex-direction:column}
  .wk-laag .sp-wiz{max-height:calc(100vh - 16px)}
}
/* Partnerwizard, Aanbevolen modules: de rest dichtgeklapt (6-okt-2026) */
.wk-rest>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px}
.wk-rest>summary::-webkit-details-marker{display:none}
.wk-rest>summary::before{content:'';width:8px;height:8px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg);transition:transform .15s}
.wk-rest[open]>summary::before{transform:rotate(45deg)}
.wk-rest>summary b{font-size:14px}
/* Partnerwizard, Uw zichtbaarheid: velden links, de kaart zoals een zorgorganisatie hem ziet rechts */
.wk-zicht{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.wk-zicht .wk-velden{grid-template-columns:1fr}
.wk-zk{border:1px solid var(--sp-lijn,#D5DCE3);border-radius:14px;padding:16px;background:var(--bg,#F5F7FA);position:sticky;top:0}
.wk-zk-ey{margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.wk-zk #wk-zk-binnen{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 3px rgba(29,61,89,.08)}
.wk-zk-kop b{display:block;font-size:15px}
.wk-zk-kop small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.wk-zk-oms{margin:10px 0;font-size:13px;line-height:1.5;color:var(--navy)}
.wk-zk-oms i{color:var(--muted)}
.wk-zk-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.wk-zk-tags span{font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--lime-tint,#F1F7E4);color:var(--lime-dark,#4F7300)}
.wk-zk-contact{list-style:none;margin:0 0 12px;padding:0;font-size:13px;display:grid;gap:4px;word-break:break-all}
.wk-zk-vol span{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.wk-zk-balk{height:6px;border-radius:3px;background:#E3E8EE;overflow:hidden}
.wk-zk-balk i{display:block;height:100%;background:var(--lime)}
@media (max-width:760px){.wk-zicht{grid-template-columns:1fr}.wk-zk{position:static}}
/* Wat het platform al weet (zorg, Uw organisatie; toezicht, Waar u op toeziet) — #767 */
.wk-feiten{width:100%;border-collapse:collapse;margin:4px 0 12px;font-size:14px}
.wk-feiten th{text-align:left;font-weight:600;color:var(--muted);padding:8px 12px 8px 0;width:32%;vertical-align:top;border-bottom:1px solid #E3E8EE}
.wk-feiten td{padding:8px 0;color:var(--navy);border-bottom:1px solid #E3E8EE}
.wk-feiten td small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.wk-feiten td i{color:var(--muted);font-style:normal}
@media (max-width:560px){.wk-feiten th{width:auto;display:block;border:0;padding-bottom:0}.wk-feiten td{display:block}}