/* GEGENEREERD uit mockup 02: de CSS die de modules van mockup 02 bij het laden in de pagina zetten,
   letterlijk overgenomen zodat het ERP dezelfde opmaak heeft. Niet met de hand wijzigen; eigen ERP-opmaak staat in erp.css. */

/* ---- uit taken.js ---- */
.tk-balk{margin-bottom:8px}.tk-vinkjes{margin:0 0 8px;padding:6px 8px;border:1px solid var(--m-lijn);border-radius:8px;background:var(--m-vlak)}.tk-vinkjes .segment{margin-right:8px}
.tk-tellers{margin-bottom:8px;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:6px}.tk-tellers .teller{padding:5px 8px;gap:8px}.tk-tellers .teller .ti{width:16px;height:16px;flex:0 0 16px}
.tk-tellers .teller>div{display:flex;align-items:baseline;gap:6px;min-width:0}.tk-tellers .teller b{font-size:16px;flex:0 0 auto}.tk-tellers .teller span{line-height:1.2}
.tk-tellers .teller.aan{box-shadow:inset 0 0 0 2px var(--m-signaal)}.tk-cat h2 .rechts a{cursor:pointer}

/* ---- uit inkoopfasen.js ---- */
.if-regel{border-bottom:1px solid var(--m-lijn-zacht);padding:10px 0}.if-regel:last-of-type{border-bottom:0}
.if-fasen{margin:6px 0 4px}.if-fasen .fase{min-width:96px}.if-wie{font-size:10.5px;color:var(--m-dim);font-weight:400}.if-bron{font-size:10.5px;font-weight:400;line-height:1.3}
.fase.afg .bol{background:transparent;border:2px dashed var(--m-lijn);color:var(--m-dim);line-height:20px}.fase.afg .bol .ti{width:13px;height:13px;vertical-align:-2px}
.fase.afg.klaar .bol{background:#8c99a7;border-color:#8c99a7;color:#fff}.fase.afg.nu .bol{background:var(--m-staal-licht);border-color:var(--m-signaal);color:var(--m-tekst)}.fase.afg{color:var(--m-dim)}.fase.afg.nu{color:var(--m-tekst)}
.if-gate{margin-top:6px;padding:6px 8px;border:1px solid var(--m-lijn);border-radius:8px;background:var(--m-staal-zacht)}.if-crit{margin:2px 0}.knop.uit{opacity:.45;cursor:not-allowed}

/* ---- uit werkplaatsketen.js ---- */
.wk-keten{display:flex;flex-wrap:wrap;gap:8px 18px;padding:8px 10px;border:1px solid var(--m-lijn);border-radius:8px;background:var(--m-staal-zacht)}
.wk-keten>div{display:flex;flex-direction:column;min-width:110px}.wk-keten b{font-size:13px}.wk-keten .wk-rood b,.wk-keten .wk-rood span{color:var(--m-signaal-donker)}
.wk-nacalc{display:flex;flex-wrap:wrap;gap:6px 18px;margin:6px 0 8px;padding:6px 10px;border-left:3px solid var(--m-staal)}
.wk-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 12px}.wk-form label{display:flex;flex-direction:column;font-size:12px;color:var(--m-dim)}
.wk-form input,.wk-form select{font-size:13px;padding:4px 6px;border:1px solid var(--m-lijn);border-radius:5px;background:var(--m-vlak);color:var(--m-tekst)}
.wk-hand select{max-width:270px}.wk-duur{margin-left:10px;font-size:13px}
.wk-bord-balk{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-bottom:8px}.wk-bord-balk input{width:56px}
.wk-leg{display:inline-flex;gap:6px;align-items:center}.wk-leg .wk-blok{display:inline-block;margin:0;cursor:default}
.wk-bord{overflow:auto;border:1px solid var(--m-lijn);border-radius:8px;background:var(--m-vlak)}
.wk-bord table{border-collapse:collapse;font-size:12px}.wk-bord th{position:sticky;top:0;background:var(--m-staal-zacht);padding:4px 6px;border-bottom:1px solid var(--m-lijn);white-space:nowrap;font-weight:600}
.wk-bord th.wk-vandaag{background:var(--m-merk-zacht)}
.wk-bord td{vertical-align:top;border-right:1px solid var(--m-lijn-zacht);border-bottom:1px solid var(--m-lijn-zacht);padding:3px;min-width:118px;width:118px}
.wk-bord .wk-naam{position:sticky;left:0;background:var(--m-vlak);min-width:150px;width:150px;z-index:1}.wk-bord .wk-naam input{width:50px}
.wk-bord td.vrij{background:var(--m-staal-zacht)}.wk-bord td.over{box-shadow:inset 0 0 0 2px var(--m-oranje);background:var(--m-oranje-zacht)}
.wk-cel-kop{font-size:11px;color:var(--m-dim);margin-bottom:2px}.wk-over{color:#fff;background:var(--m-oranje);border-radius:4px;padding:0 4px;font-size:11px;font-weight:600}
.wk-blok{border-left:4px solid #2f6fb0;background:var(--m-staal-zacht);border-radius:5px;padding:3px 5px;margin:2px 0;cursor:pointer;line-height:1.25}
.wk-blok small{display:block;color:var(--m-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:112px}
.wk-blok.klaar{border-left-color:#2c8653}.wk-blok.wacht{border-left-color:#8c99a7}.wk-blok.rood{border-left-color:#c4392d;background:#f9dcdc}.wk-blok.rood small.wk-reden{color:#a3242b;font-weight:600}
.wk-blok.taak{border-left-color:#b5bec8;font-size:11px;color:var(--m-dim)}
[data-bs-theme="dark"] .wk-blok.rood{background:#4a1f22}

/* ---- uit vrijgave.js ---- */
.bb-boom td.vg-cel{min-width:210px;max-width:360px}.vg-pil .pill,.vg-gevoelig,.vg-vrij{white-space:nowrap}.vg-voorlopig-tag{font-size:10.5px;font-style:italic;color:var(--m-dim);margin-left:2px}
.bb-boom tr.vg-voorlopig td:first-child{box-shadow:inset 3px 0 0 #8c99a7}.bb-boom tr.vg-voorlopig td{background-image:repeating-linear-gradient(135deg,transparent 0 9px,rgba(140,153,167,.08) 9px 18px)}
.vg-gevoelig{margin-left:4px;white-space:nowrap}.vg-gevoelig .pill{font-size:10px;padding:0 5px;margin-right:2px}
.vg-vrij{display:inline-block;margin-left:6px;font-size:11px;padding:1px 6px;border:1px solid var(--m-lijn);border-radius:6px;cursor:pointer;white-space:nowrap}.vg-vrij:hover{border-color:#1f7a4d;color:#1f7a4d}.vg-vrij .ti{width:12px;height:12px;vertical-align:-2px}
.vg-telling{margin-left:6px}.vg-impact h3,.vg-bevestig h3{font-size:13px;margin:10px 0 4px}.knop.uit{opacity:.45;cursor:not-allowed}.vg-wacht .ti{width:12px;height:12px;vertical-align:-2px}

/* ---- uit locatietaak.js ---- */
.ctl-tabel td.lt-ctl{min-width:128px}.ctl-tabel .lt-ctl select{max-width:124px}.ctl-tabel .lt-ctl input{display:block;margin-top:3px}.ctl-tabel select[id^="ctl-nab-"]{max-width:190px!important}
.lt-blok .lt-kies{max-width:260px}.lt-blok tr.lt-open td{background:rgba(217,115,31,.06)}.lt-loc{white-space:nowrap}