/* Groepsoverleg › Ontwikkelingsformulier. Tokens uit huisstijl.css/app.css. */
.ow-periode{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 14px}
.ow-periode-label{font-weight:700;color:var(--groen);font-size:15px;min-width:250px;text-align:center}
.ow-periode-pijl{width:34px;height:34px;border-radius:50%;border:1px solid #d8d3c8;background:#fff;color:var(--groen);font-size:18px;cursor:pointer;line-height:1}
.ow-periode-pijl:disabled{opacity:.35;cursor:default}
.ow-voortgang{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#7c776c;margin:2px 2px 12px}
.ow-balk{height:6px;border-radius:99px;background:#ece7dc;overflow:hidden}
.ow-balk-vul{height:100%;background:var(--lichtgroen);border-radius:99px;transition:width .3s}
.ow-lijst{display:flex;flex-direction:column;gap:8px}
.ow-rij{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;background:#fff;border:1px solid #e6e1d8;border-left:4px solid var(--lichtgroen);border-radius:10px;padding:10px 14px;cursor:pointer;font:inherit;color:inherit}
.ow-rij:hover:not(:disabled){border-color:var(--groen)}
.ow-rij:disabled{cursor:default}
.ow-rij-boven{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ow-rij-naam{font-weight:700;color:var(--groen);font-size:14.5px}
.ow-rij-groep{font-size:12px;color:#7c776c}
.ow-rij-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#7c776c}
.ow-rij-telling{font-weight:700;color:#9a4a16}
.ow-badge{margin-left:auto;font-size:11.5px;font-weight:700;border-radius:14px;padding:3px 10px;white-space:nowrap}
.ow-badge-nieuw{background:#eee9e0;color:#7c776c}
.ow-badge-concept{background:#fdeede;color:#9a4a16}
.ow-badge-afgerond{background:#e6f7ee;color:#1c6b43}
.ow-kind-blok{margin:18px 0;padding:14px;background:#fff;border:1px solid #e6e1d8;border-radius:10px}
.ow-kind-blok-titel{font-size:15px;margin:0 0 8px;color:var(--groen)}
.ow-kind-lijst{display:flex;flex-direction:column;gap:6px}
.ow-kind-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--sb-bg);border:1px solid transparent;border-radius:8px;padding:8px 10px;text-align:left;font:inherit;color:var(--groen);cursor:pointer}
.ow-kind-item:hover{border-color:var(--groen)}
.ow-kind-item .ow-badge{margin-left:0}
.ow-kind-item-meta{font-size:12px;color:#7c776c;margin-left:auto}
@media(max-width:640px){
  .ow-periode-label{min-width:0;flex:1;font-size:14px}
  .ow-badge{margin-left:0}
}

.ow-form{padding-bottom:84px}
.ow-form-kop{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0 12px}
.ow-form-periode{font-size:13px;color:#7c776c}
.ow-form-kop .ow-badge{margin-left:0}
.ow-form-meta{display:grid;grid-template-columns:2fr 1fr;gap:12px 16px;background:#fff;border:1px solid #e6e1d8;border-radius:10px;padding:14px;margin-bottom:14px}
.ow-veld{display:flex;flex-direction:column;gap:6px}
.ow-veld-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7c776c}
.ow-form-voortgang{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--groen);font-weight:600}
.ow-thema{margin-bottom:10px}
.ow-vraag{padding:12px 4px;border-top:1px solid #efeae0;border-radius:8px;transition:background .3s}
.ow-vraag-tekst{display:flex;gap:10px;align-items:baseline;font-weight:600;color:var(--groen);margin-bottom:8px}
.ow-vraag-nr{flex:none;width:22px;height:22px;border-radius:50%;background:var(--lg-pale);color:var(--groen);font-size:11.5px;display:inline-flex;align-items:center;justify-content:center}
.ow-opties{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ow-optie{position:relative;text-align:left;background:#fff;border:1.5px solid #e2dccf;border-radius:12px;padding:10px 12px;font:inherit;font-size:13.5px;line-height:1.4;color:var(--ink);cursor:pointer;min-height:64px}
.ow-optie:hover:not(:disabled){border-color:var(--lichtgroen)}
.ow-optie:focus-visible{outline:2px solid var(--oranje);outline-offset:2px}
.ow-optie.gekozen{border-color:var(--groen);background:var(--lg-pale);box-shadow:inset 0 0 0 1px var(--groen)}
.ow-optie:disabled{cursor:default;opacity:.85}
.ow-vorige{display:block;margin-top:6px;font-size:11px;color:#9a958a}
.ow-schaal{display:flex;justify-content:space-between;font-size:11px;color:#9a958a;margin-top:6px}
.ow-open-markering{background:#fdecea}
.ow-aantekening{margin-top:10px}
.ow-afspraken-blok{background:#fff;border:1px solid #e6e1d8;border-radius:10px;padding:14px;margin:16px 0}
.ow-afspraken-blok h3{font-size:15px;margin:0 0 8px;color:var(--groen)}
.ow-actiebalk{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 20px;background:rgba(255,255,255,.96);border-top:1px solid var(--sb-border);box-shadow:0 -2px 10px rgba(19,52,43,.06)}
body:has(.sidebar) .ow-actiebalk{left:var(--sidebar-w)}
.ow-opslagstatus{margin-right:auto;font-size:12.5px;color:#7c776c}
.ow-opslag-fout{color:#c0392b;font-weight:600}
.ow-opnieuw{background:none;border:none;padding:0;color:var(--oranje);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.ow-verwijder{margin-top:8px}
@media(max-width:640px){
  .ow-form-meta{grid-template-columns:1fr}
  .ow-opties{grid-template-columns:1fr}
  .ow-optie{min-height:0}
  .ow-actiebalk{bottom:calc(62px + env(safe-area-inset-bottom,0px));padding:8px 12px;flex-wrap:wrap}
  body:has(.sidebar) .ow-actiebalk{left:0}
  .ow-opslagstatus{flex-basis:100%}
  .ow-actiebalk .btn{flex:1}
}

/* Gespreksvel — voorbeeld-overlay */
body.ow-vel-open{overflow:hidden}
.ow-vel-overlay{position:fixed;inset:0;z-index:180;background:rgba(19,52,43,.5);overflow:auto;padding:20px 12px 40px;display:flex;flex-direction:column;align-items:center;gap:12px}
.ow-vel-knoppen{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.ow-vel{width:min(210mm,100%);background:#fff;color:var(--groen);padding:12mm 12mm 14mm;border-radius:6px;box-shadow:0 12px 40px rgba(0,0,0,.25);font-size:12.5px}
.ow-vel-kop{display:flex;align-items:center;gap:14px;border-bottom:3px solid var(--oranje);padding-bottom:8px;margin-bottom:10px}
.ow-vel-logo{height:40px;width:40px}
.ow-vel-titel{font-size:20px;font-weight:700}
.ow-vel-sub{font-size:11.5px;color:#7c776c}
.ow-vel-infobalk{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--lg-pale);border-radius:8px;padding:8px 10px;margin-bottom:8px}
.ow-vel-info{display:flex;flex-direction:column}
.ow-vel-info-label{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7c776c}
.ow-vel-legenda{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:11px;margin-bottom:10px}
.ow-bollen{display:inline-flex;gap:3px;vertical-align:middle}
.ow-bol{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--groen);display:inline-block}
.ow-bol.vol{background:var(--groen)}
.ow-bollen.grijs .ow-bol{border-color:#b8b2a6}
.ow-bollen.grijs .ow-bol.vol{background:#b8b2a6}
.ow-vel-thema{break-inside:avoid;page-break-inside:avoid;margin-bottom:9px}
.ow-vel-tabel{width:100%;border-collapse:collapse}
.ow-vel-tabel th{background:var(--groen);color:#fff;text-align:left;font-size:12px;padding:5px 8px}
.ow-vel-tabel td{border-bottom:1px solid #ece7dc;padding:4px 8px;vertical-align:middle}
.ow-vel-kol{width:76px;text-align:center !important;white-space:nowrap}
.ow-vel-aant{padding:4px 8px}
.ow-vel-tekst{margin:2px 0 0;white-space:pre-wrap}
.ow-lijnen{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.ow-lijn{border-bottom:1px solid #cfc9bc;height:1px}
.ow-vel-afspraken h3{font-size:13px;margin:4px 0}
.ow-vel-voet{margin-top:10px;font-size:10px;color:#9a958a;text-align:center}
@media(max-width:640px){.ow-vel{padding:16px}.ow-vel-infobalk{grid-template-columns:1fr 1fr}}

/* Afdrukken: alleen het vel, A4 staand */
@media print{
  @page{size:A4 portrait;margin:10mm 12mm}
  body.ow-vel-open{overflow:visible;background:#fff}
  body.ow-vel-open{overflow:visible}
  body.ow-vel-open #app{display:none !important}
  body.ow-vel-open .ow-actiebalk{display:none}
  body.ow-vel-open .sessie-melding{display:none}
  body.ow-vel-open .ow-vel-knoppen{display:none}
  body.ow-vel-open .ow-vel-overlay{position:static;background:none;padding:0;overflow:visible;display:block}
  body.ow-vel-open .ow-vel{position:static;width:100%;box-shadow:none;padding:0;border-radius:0}
  body.ow-vel-open *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ow-vel-thema{break-inside:avoid;page-break-inside:avoid}
}