/* Rust in het Teamkanaal — aanvullingen views (voorstel 9, bouwer C).
   Vier maten (12 · 13,5 · 15 · 20), twee diktes (420/580), geen mono. Oranje = alleen wacht op jou, rood = vast. */
.kv{font-family:var(--f,'Instrument Sans',system-ui,sans-serif);font-size:var(--fs-ui,13.5px);font-weight:var(--fw,420)}
.kv b,.kv strong{font-weight:var(--fw-b,580)}
.kv-mono,.kv-num,.kv .kv-num,.kv-zij .kv-sec-r,.kv-prof-cijfers b,.kv-tl-schaal span,.kv-week-uren span{font-family:inherit;font-variant-numeric:tabular-nums}
.kv-mono,.kv-num{font-size:var(--fs-meta,12px)}

/* ---------------------------------------------------------------- VANDAAG */
.kr-balk{display:flex;align-items:baseline;gap:10px;padding:14px 28px 12px;border-bottom:1px solid var(--lijn)}
.kr-balk h2{font-size:var(--fs-ui,13.5px);font-weight:var(--fw-b,580);color:var(--inkt)}
.kr-meta{font-size:var(--fs-meta,12px);color:var(--inkt3);font-weight:var(--fw,420)}
.kr-r{margin-left:auto;white-space:nowrap}
.kr-kol{max-width:780px;margin:0 auto;padding:26px 28px 40px}
.kr-zin{font-size:var(--fs-titel,20px);line-height:1.35;color:var(--inkt3);letter-spacing:-.01em;margin-bottom:22px;text-wrap:pretty}
.kr-zin b{color:var(--inkt);font-weight:var(--fw-b,580)}
.kr-sec{margin-bottom:22px}
.kr-kop{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-meta,12px);font-weight:var(--fw,420);color:var(--inkt3);padding-bottom:6px;border-bottom:1px solid var(--lijn)}
.kr-lijst{display:flex;flex-direction:column}
.kr-rij{display:flex;align-items:center;gap:12px;min-height:40px;padding:4px 0;border-bottom:1px solid var(--lijn);font-stretch:var(--rek-lijst,94%);min-width:0;color:var(--inkt)}
a.kr-rij:hover,.kr-rij:has(a.kr-wat:hover){background:linear-gradient(var(--vlak2),var(--vlak2))}
.kr-wat{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kr-wat>b{font-weight:var(--fw-b,580);overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}
.kr-wat>.kr-meta{overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;font-size:var(--fs-ui,13.5px)}
.kr-num{font-size:var(--fs-meta,12px);color:var(--inkt3);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}
b.kr-num{color:var(--inkt);font-weight:var(--fw-b,580)}
.kr-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--stil)}
.kr-dot.jou{background:var(--jou)}.kr-dot.mis{background:var(--mis)}
.kr-knop.kv-b{height:30px;min-width:96px;justify-content:center;font-size:var(--fs-ui,13.5px);font-weight:var(--fw,420);flex:none}
.kr-knop.kv-b.pri{font-weight:var(--fw-b,580)}
.kr-bundel .kr-wat>b{font-weight:var(--fw,420)}
.kr-vast{border:1px solid #EBCFCB;background:var(--mis-zacht,#F7E7E4);border-radius:10px;padding:0 6px 0 12px;margin-top:8px}
.kr-vast .kr-rij{border-bottom:0}
.kr-vast .kr-rij+.kr-rij{border-top:1px solid #EBCFCB}
.kr-vast .kr-wat>b{color:var(--inkt)}
.kr-vast .kr-meta{color:var(--inkt2)}
.kr-vast .kr-knop{background:#FFFFFE}
.kr-sec:has(.kr-vast) .kr-kop{border-bottom:0;padding-bottom:0}
/* drie cijfers */
.kr-cijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--lijn2);border-radius:10px;background:var(--wit,#FFFFFE);margin:4px 0 26px}
.kr-cijfer{display:flex;flex-direction:column;gap:1px;padding:12px 16px;border-left:1px solid var(--lijn);min-width:0}
.kr-cijfer:first-child{border-left:0}
.kr-getal{font-size:var(--fs-titel,20px);font-weight:var(--fw-b,580);color:var(--inkt);line-height:1.25;font-variant-numeric:tabular-nums}
.kr-getal.jou{color:var(--jou)}
.kr-cijfer>span{font-size:var(--fs-ui,13.5px);color:var(--inkt)}
.kr-cijfer small{font-size:var(--fs-meta,12px);color:var(--inkt3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.kr-cijfer:hover{background:var(--vlak2)}
/* wat er af is */
.kr-af .kr-wat{display:block}
.kr-wie{display:inline-flex;align-items:center;gap:7px;width:150px;flex:none;white-space:nowrap;overflow:hidden;color:var(--inkt)}
.kr-wie b{font-weight:var(--fw-b,580)}
.kr-klant{width:110px;flex:none;color:var(--inkt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kr-af .kr-num{width:44px;text-align:right}
.kr-mg{width:20px;height:20px;border-radius:50%;background:var(--vlak2);border:1px solid var(--lijn2);font-size:var(--fs-meta,12px);font-stretch:75%;letter-spacing:-.02em;font-weight:var(--fw-b,580);display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--inkt)}
.kr-mg.mi{background:var(--inkt);border-color:var(--inkt);color:#fff}
.kr-leeg{font-size:var(--fs-ui,13.5px);color:var(--inkt3);padding:10px 0;border-bottom:1px solid var(--lijn)}
/* ingeklapt */
.kr-dicht{border-top:1px solid var(--lijn)}
.kr-klap{border-bottom:1px solid var(--lijn)}
.kr-klap summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer;color:var(--inkt);font-stretch:var(--rek-lijst,94%)}
.kr-klap summary::-webkit-details-marker{display:none}
.kr-klap summary:hover{background:var(--vlak2)}
.kr-klap summary:focus-visible{outline:2px solid var(--bezig);outline-offset:-2px}
.kr-chev{width:6px;height:6px;border-right:1.5px solid var(--inkt3);border-bottom:1.5px solid var(--inkt3);transform:rotate(-45deg);margin:0 4px 0 6px;flex:none;transition:transform .15s}
.kr-klap[open] .kr-chev{transform:rotate(45deg);margin-top:-3px}
.kr-klap-t{flex:1;min-width:0}
.kr-klap-r{font-size:var(--fs-meta,12px);color:var(--inkt3);display:inline-flex;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.kr-klap-r b{color:var(--inkt2);font-weight:var(--fw,420)}
.kr-klap-in{padding:0 0 10px 26px}
.kr-klap-in .kr-rij:last-child,.kr-klap-in .kr-leeg{border-bottom:0}
.kr-bezig .kr-wie{width:140px}
.kr-vg{width:90px;height:3px;border-radius:2px;background:var(--lijn);overflow:hidden;flex:none}
.kr-vg i{display:block;height:100%;background:var(--bezig)}
.kr-bezig .kr-num{width:34px;text-align:right}
.kr-plan .kr-num{width:40px;color:var(--inkt2)}
.kr-ktabs{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.kr-ktab{width:100%;border-collapse:collapse;font-stretch:var(--rek-lijst,94%)}
.kr-ktab th{font-size:var(--fs-meta,12px);font-weight:var(--fw,420);color:var(--inkt3);text-align:left;padding:6px 0;border-bottom:1px solid var(--lijn)}
.kr-ktab td{padding:6px 0;border-bottom:1px solid var(--lijn);color:var(--inkt)}
.kr-ktab .num{text-align:right;font-variant-numeric:tabular-nums}
.kr-ktab tfoot td{border-bottom:0;color:var(--inkt3);font-size:var(--fs-meta,12px)}
.kr-ktab a:hover{text-decoration:underline}

@container kv (max-width:860px){
  .kr-balk{padding:12px 16px}
  .kr-kol{padding:16px 16px 32px}
  .kr-zin{margin-bottom:16px}
  .kr-wacht .kr-wat,.kr-bundel .kr-wat,.kr-vast .kr-wat{flex-direction:column;align-items:flex-start;gap:0}
  .kr-wat>.kr-meta{font-size:var(--fs-meta,12px);max-width:100%}
  .kr-rij{min-height:46px}
  .kr-knop.kv-b{min-width:84px;height:32px}
  .kr-wacht .kr-num,.kr-bundel .kr-num{display:none}
  .kr-wacht b.kr-num{display:inline}
  .kr-cijfer{padding:10px 10px}
  .kr-cijfer>span{font-size:var(--fs-meta,12px)}
  .kr-cijfer small{white-space:normal}
  .kr-klant{display:none}
  .kr-wie{width:auto;max-width:40%}
  .kr-af .kr-wie{width:28px}
  .kr-af .kr-wie{font-size:0;gap:0}
  .kr-bezig .kr-wie{width:auto}
  .kr-bezig .kr-wat .kr-meta,.kr-vg{display:none}
  .kr-klap-in{padding-left:0}
  .kr-klap-r{max-width:45%}
  .kr-ktabs{grid-template-columns:1fr;gap:12px}
  .kr-plan .kr-meta{display:none}
}
@container kv (max-width:860px){
  .kr-balk{border-bottom:0;padding:14px 16px 0}
  .kr-balk h2{display:none}
}

/* ------------------------------------------------- RUST IN DE OVERIGE VIEWS */
/* koppen: 20px titel, 12px grijze meta */
.kv-hk{padding:16px 28px 12px;align-items:center}
.kv-hk h2,.kv-prof h2,.kv-wizard h2{font-size:var(--fs-titel,20px);font-weight:var(--fw-b,580);letter-spacing:-.01em}
.kv-sub{font-size:var(--fs-meta,12px);color:var(--inkt3);margin-top:2px}
.kv-b{font-size:var(--fs-ui,13.5px);font-weight:var(--fw,420);height:32px}
.kv-b.pri{font-weight:var(--fw-b,580)}
.kv-sec h5,.kv-h5{font-size:var(--fs-meta,12px);font-weight:var(--fw,420)}
.kv-sec{padding:14px 28px}
.kv-chip{font-size:var(--fs-meta,12px);height:26px}
.kv-tag{font-size:var(--fs-meta,12px);font-weight:var(--fw,420)}
.kv-eerlijk,.kv-klein{font-size:var(--fs-meta,12px);color:var(--inkt3)}
.kv-eerlijk{padding:8px 28px 12px}
.kv-leeg b{font-size:var(--fs-lees,15px);font-weight:var(--fw-b,580)}
.kv-leeg p{font-size:var(--fs-ui,13.5px)}
.kv-melding,.kv-veld,.kv-check,.kv-kv{font-size:var(--fs-ui,13.5px)}
.kv-veld{font-size:var(--fs-meta,12px)}
.kv-in{font-size:var(--fs-ui,13.5px)}
.kv-form h3{font-size:var(--fs-lees,15px);font-weight:var(--fw-b,580)}
.kv-rd-mid>b{font-size:var(--fs-lees,15px);font-weight:var(--fw-b,580)}

/* tabellen dicht: één regel per rij, meta 12px grijs, geen gekleurde zijbalk naast een gekleurd woord */
table.kv-t{font-size:var(--fs-ui,13.5px);font-stretch:var(--rek-lijst,94%)}
.kv-t th{font-size:var(--fs-meta,12px);font-weight:var(--fw,420);padding:7px 12px;background:transparent}
.kv-t td{padding:7px 12px;color:var(--inkt2)}
.kv-t tr.jou td:first-child{box-shadow:none}
.kv-wat b,.kv .kv-titel{font-size:var(--fs-ui,13.5px);font-weight:var(--fw-b,580)}
.kv-wat small{font-size:var(--fs-meta,12px)}
.kr-een{white-space:nowrap;max-width:0;width:40%;overflow:hidden;text-overflow:ellipsis}
.kr-een .kr-meta{margin-left:6px}
.kr-nowrap{white-space:nowrap}
.kv-s{font-size:var(--fs-ui,13.5px)}
.kv-s.jou,.kv-s.mis{font-weight:var(--fw,420)}
.kv-tijd{color:var(--inkt3);width:56px}
.kv-res{border:0;background:transparent;padding:0;font-size:var(--fs-meta,12px);color:var(--inkt2);gap:4px}
.kv-res-zacht{color:var(--inkt3)}
a.kv-res:hover{text-decoration:underline}
.kv-voet{font-size:var(--fs-meta,12px);color:var(--inkt3)}
/* collegapuntje en dubbele signalen weg: één monogram, geen kleur bij rust */
.kv-mg::after{display:none}
.kv-mg{font-size:var(--fs-meta,12px);font-stretch:75%;letter-spacing:-.02em;font-weight:var(--fw-b,580);background:var(--vlak2);width:20px;height:20px}

/* gepland: week compacter, vraagt-eerst is geen oranje (dat is alleen wacht op jou) */
.kv-week-lijf{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 19px,var(--lijn) 19px,var(--lijn) 20px)}
.kv-week-uren span{font-size:var(--fs-meta,12px);transform:translateY(2px)}
.kv-week-kop{font-size:var(--fs-meta,12px)}
.kv-week-kop b{font-weight:var(--fw-b,580)}
.kv-wb{height:18px;font-size:var(--fs-meta,12px);font-stretch:var(--rek-lijst,94%);border-radius:5px;gap:4px;padding:0 4px 0 2px}
.kv-wb .kv-mg{width:16px;height:16px;font-size:var(--fs-meta,12px);font-stretch:75%;border:0}
.kv-wb.vraag,.kv-ev-item.vraag{border:1px solid var(--lijn2)}
.kv-ev{gap:6px;padding:0 28px 10px;align-items:center}
.kv-ev-l{width:auto;font-size:var(--fs-meta,12px);margin-right:6px}
.kv-ev-item{padding:4px 10px;border-radius:8px;gap:8px;max-width:none;white-space:nowrap}
.kv-ev-item b{display:inline;font-size:var(--fs-ui,13.5px);font-weight:var(--fw-b,580)}
.kv-ev-item small{display:inline;font-size:var(--fs-meta,12px)}

/* collega-profiel */
.kv-prof{gap:18px;padding:18px 28px 12px;align-items:center}
.kv-prof .av.lg{margin:4px}
.kv-prof-r{font-size:var(--fs-ui,13.5px);margin-top:3px;gap:6px}
.kv-prof-r b{font-weight:var(--fw,420)}
.kr-waar{white-space:nowrap}
.kr-teams{font-size:var(--fs-meta,12px)}
.kr-tlink{color:var(--inkt2)}
.kr-tlink:hover{color:var(--inkt);text-decoration:underline}
.kv-prof-acties{gap:6px}
.kv-prof-cijfers{font-size:var(--fs-meta,12px);color:var(--inkt3)}
.kv-prof-cijfers b{font-size:var(--fs-meta,12px);font-weight:var(--fw-b,580)}
.kv-tabs a{font-size:var(--fs-ui,13.5px);font-weight:var(--fw,420);padding:8px 10px 9px}
.kv-tabs a.on{font-weight:var(--fw-b,580)}
.kv-tabs a small{font-size:var(--fs-meta,12px)}
.kr-stappen{margin-top:2px}
.kr-stappen summary{list-style:none;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-meta,12px);color:var(--inkt3);cursor:pointer}
.kr-stappen summary::-webkit-details-marker{display:none}
.kr-stappen summary:hover{color:var(--inkt)}
.kr-stappen .kr-chev{width:5px;height:5px;margin:0 3px 0 1px}
.kr-stappen[open] .kr-chev{transform:rotate(45deg);margin-top:-3px}
.kr-stappen ol{margin:4px 0 2px 18px;font-size:var(--fs-meta,12px);color:var(--inkt2)}
.kr-stappen li{border:0;padding:1px 0;white-space:normal}
.kr-stappen li.klaar{color:var(--inkt3);text-decoration:line-through;text-decoration-color:var(--lijn2)}
.kr-stappen li.nu{color:var(--bezig);background:transparent}
.kr-stappen li.mislukt{color:var(--mis)}
.kv-ritem{padding:10px 0;gap:12px}
.kv-ritem .kv-kv{font-size:var(--fs-meta,12px)}
.kv-rc-nm b{font-size:var(--fs-ui,13.5px);font-weight:var(--fw-b,580)}
.kv-rc-nm small,.kv-slot{font-size:var(--fs-meta,12px)}
.kv-rc-rij{padding:7px 0}
.kv-seg button{font-size:var(--fs-meta,12px);height:28px;padding:0 10px}
.kv-seg button.on{font-weight:var(--fw-b,580)}
.kv-groot{font-size:var(--fs-titel,20px);font-weight:var(--fw-b,580)}

/* rechten: "vraagt eerst" is de standaard, geen oranje; legenda als één dichte rij */
.kv-cel-b.st-vraag{color:var(--inkt2)}
.kv-dot.st-vraag{border-color:var(--inkt3)}
.kv-cel-b{font-size:var(--fs-meta,12px);white-space:nowrap;min-height:28px;line-height:1.2}
.kv-cel-b span{overflow:hidden;text-overflow:ellipsis}
.kv-legenda{border:0;border-radius:0;background:transparent;margin:10px 28px 12px;gap:0 20px}
.kv-legenda>div{padding:0;border:0}
.kv-legenda>div:last-child{background:transparent}
.kv-legenda b{font-size:var(--fs-ui,13.5px);font-weight:var(--fw-b,580);margin-bottom:1px}
.kv-legenda p{font-size:var(--fs-meta,12px);color:var(--inkt3)}
.kv-matrix th,.kv-matrix td{padding:4px 6px}
.kv-matrix tbody th b{font-size:var(--fs-ui,13.5px);font-weight:var(--fw-b,580)}
.kv-matrix tbody th small{font-size:var(--fs-meta,12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kv-matrix thead .kv-wie-nm{font-size:var(--fs-meta,12px);font-weight:var(--fw-b,580)}
.kv-matrix tr.kv-slotrij th{box-shadow:none}
.kv-menu button b{font-size:var(--fs-ui,13.5px);font-weight:var(--fw-b,580)}
.kv-menu button small,.kv-menu-kop{font-size:var(--fs-meta,12px)}
.kv-uitleg{font-size:var(--fs-meta,12px);color:var(--inkt2)}

/* teams: de ploeg als één regel, tabel dicht */
.kr-ploeg{display:flex;flex-wrap:wrap;gap:4px 18px;padding:12px 28px;border-bottom:1px solid var(--lijn);font-stretch:var(--rek-lijst,94%)}
.kr-lid{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--inkt);min-height:28px}
.kr-lid b{font-weight:var(--fw-b,580)}
.kr-lid:hover span:not(.kr-meta):not(.kr-mg),.kr-lid:hover b{text-decoration:underline}
.kr-lid-mia{padding-right:18px;border-right:1px solid var(--lijn)}
.kr-mgs{display:inline-flex}
.kr-mglink{margin-left:-4px;border-radius:50%;box-shadow:0 0 0 2px var(--vlak)}
.kr-mglink:first-child{margin-left:0}
.kv-t-teams .kv-leden{width:1%;white-space:nowrap}
.kv-t-teams td.kv-jou{color:var(--jou);font-weight:var(--fw-b,580)}

@container kv (max-width:860px){
  .kv-hk{padding:12px 16px 10px}
  .kr-een{max-width:none;width:auto;white-space:normal}
  .kr-ploeg{padding:10px 16px;gap:2px 14px}
  .kr-lid-mia{border-right:0;padding-right:0;flex-basis:100%}
  .kv-legenda{margin:10px 16px;gap:8px 12px}
  .kv-ev{padding:0 16px 10px}
  .kv-ev-item{white-space:normal}
  .kv-prof{padding:14px 16px 10px}
}
/* ronde 2 */
.kv-sec.kv-sec-tabel{padding:14px 0 0}
.kv-sec.kv-sec-kaal{padding-top:0}
.kv-t .klant{border:0;padding:0;background:transparent;font-size:var(--fs-ui,13.5px)}
.kv-t-routines td{white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.kv-matrix th:first-child,.kv-matrix td:first-child{width:168px}
.kv-cel-b{gap:5px;padding:4px;font-stretch:var(--rek-lijst,94%)}
.kv-cel-b .kv-dot{width:8px;height:8px}
.kv-uitleg li{font-size:var(--fs-meta,12px);color:var(--inkt2)}
.kv-uitleg li::before{top:7px}
.kr-mglink{margin-left:2px;box-shadow:none}
.kv-t .kv-wie-a{gap:6px}
.kv-t .kv-b{height:28px}
.kv-t-routines{table-layout:fixed}
.kv-t-routines td{max-width:none}
.kv-t-routines th:nth-child(1){width:27%}.kv-t-routines th:nth-child(2){width:15%}.kv-t-routines th:nth-child(3){width:12%}
.kv-t-routines th:nth-child(4){width:16%}.kv-t-routines th:nth-child(5){width:16%}.kv-t-routines th:nth-child(6){width:10%}.kv-t-routines th:nth-child(7){width:68px}
.kv-t-routines th{overflow:hidden;text-overflow:ellipsis}
.kv-t-routines .kr-een{width:auto}
.kv-t-routines td.kv-swcel{text-overflow:clip;overflow:visible}
.kv-open .kv-t-routines th:nth-child(5),.kv-open .kv-t-routines td:nth-child(5),.kv-open .kv-t-routines th:nth-child(6),.kv-open .kv-t-routines td:nth-child(6){display:none}
.kv-open .kv-t-routines th:nth-child(1){width:34%}.kv-open .kv-t-routines th:nth-child(2){width:22%}.kv-open .kv-t-routines th:nth-child(3){width:18%}.kv-open .kv-t-routines th:nth-child(4){width:26%}
@container kv (max-width:860px){
  .kv-t-routines td{white-space:normal;overflow:visible}
  .kv-open .kv-t-routines td:nth-child(5),.kv-open .kv-t-routines td:nth-child(6){display:block}
}
@container kv (max-width:860px){
  .kv-t-teams .kv-leden{width:auto}
  .kv-t tr.jou{box-shadow:none}
  .kr-een .kr-meta{display:block;margin-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kr-een{overflow:hidden}
}
@container kv (max-width:860px){
  .kv-t td,.kv-t th{padding:0}
  .kv-t-teams td.kv-jou::before{font-weight:var(--fw,420)}
}