.groet{margin-bottom:18px}.vandaag-kaart{padding:18px 18px 18px 22px;position:relative;overflow:hidden}.vandaag-kaart:before{content:"";background:var(--streep,var(--accent));width:6px;position:absolute;top:0;bottom:0;left:0}.vandaag-kaart .boven{color:var(--zacht);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.vandaag-kaart .boven b{color:var(--inkt);font-size:14px}.vandaag-kaart .tijd{letter-spacing:-.02em;color:var(--inkt);margin:8px 0 4px;font-size:32px;font-weight:700}.vandaag-kaart .samen{color:var(--zacht);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;display:flex}.vandaag-kaart .avatars{display:flex}.vandaag-kaart .avatars .avatar{border:2px solid var(--vlak);margin-left:-4px}.vandaag-kaart .avatars .avatar:first-child{margin-left:0}.vandaag-kaart .knop{margin-top:14px}.taak-ic{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.taak-ic.let{background:var(--let-zacht);color:var(--let)}.taak-ic.accent{background:var(--accent-zacht);color:var(--accent)}.taak-ic.blauw{background:var(--bediening-zacht);color:var(--bediening)}.stat{cursor:pointer;flex-direction:column;gap:6px;min-height:132px;padding:14px;display:flex}.stat:hover{border-color:#cfc6b7}.stat .getal{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1}@media (max-width:759px){.stat .getal{font-size:26px}.stat{min-height:0}}.stat .onder{color:var(--accent);align-items:center;gap:6px;margin-top:auto;font-size:13.5px;font-weight:600;display:flex}.voortgang{background:#eee8de;border-radius:3px;height:6px;overflow:hidden}.voortgang i{background:var(--accent);border-radius:3px;height:100%;display:block}.tijdlijn{--tln:96px;padding:6px 16px 16px;overflow-x:auto}@media (min-width:760px){.tijdlijn{--tln:130px}}.tl-in{min-width:560px}.tl-uren{grid-template-columns:var(--tln) 1fr;color:var(--zacht);margin-bottom:6px;font-size:11px;display:grid}.tl-uren .schaal{height:16px;position:relative}.tl-uren .schaal span{position:absolute;transform:translate(-50%)}.tl-groep{margin-top:10px}.tl-groep>.functie{margin-bottom:6px}.tl-rij{grid-template-columns:var(--tln) 1fr;align-items:center;height:30px;display:grid}.tl-rij .naam{white-space:nowrap;text-overflow:ellipsis;padding-right:8px;font-size:13.5px;overflow:hidden}.tl-baan{background:repeating-linear-gradient(90deg,#0000 0 calc(6.66667% - 1px),#efe9df calc(6.66667% - 1px) 6.66667%);height:22px;position:relative}.tl-blok{white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;font-size:11.5px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.tl-nu{background:var(--fout);border-radius:1px;width:2px;position:absolute;top:-4px;bottom:-4px}.stappen{counter-reset:stap}.stap{border-top:1px solid var(--lijn);align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.stap:first-child{border-top:0}.stap .nr{border:2px solid var(--lijn);width:30px;height:30px;color:var(--zacht);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.stap.klaar .nr{background:var(--ok);border-color:var(--ok);color:#fff}.stap.nu .nr{border-color:var(--accent);color:var(--accent)}.stap .midden{flex:1;min-width:0}.stap .midden p{margin-top:2px}.stap .knop{margin-top:10px}.stap.klaar b{color:var(--zacht);-webkit-text-decoration:line-through #b9b0a2;text-decoration:line-through #b9b0a2}.ploeg{padding:4px 0}.ploeg .functie{margin:12px 16px 2px}