/* Aktsyn | Inzicht > Medewerkers uit demo v14/v15 (src/91-v14-team.js 172 tot 201 en 221, de stijl die de demo in de pagina
   zet), letterlijk overgenomen zodat de markup van de heatmap werkt (U5, UI-REGELS.md: de stijl van de demo). Na v13.css en
   voor aktsyn.css. */
.tm-wrap{overflow-x:auto;margin:0 -4px;padding:0 4px}
.tm{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(11,minmax(40px,1fr)) minmax(150px,1.3fr);min-width:0}
.tm-r{display:contents}
.tm-r>span{padding:3px 2px}
.tm-r.cl{cursor:pointer}
.tm-tot>span{border-top:1px solid var(--haar);margin-top:4px;padding-top:7px!important}
.tm-tot .tm-c{margin-top:7px}
.tm-r.cl:hover>span.tm-n,.tm-r.cl:focus>span.tm-n{background:var(--veld)}
.tm-r.cl:focus{outline:0}
.tm-n:focus-visible{outline:2px solid var(--petrol);outline-offset:-2px}
.tm-n{display:flex;align-items:center;padding:6px 8px!important;border-radius:8px;min-width:0;overflow:hidden}
.tm-n b{display:block;font-weight:500;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-n em{display:block;font-style:normal;font-size:11.5px;color:var(--zacht);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-h{font:500 11px/1.2 var(--mono);color:var(--zacht);text-align:center;align-self:end;padding-bottom:6px!important}
.tm-h.nu{color:var(--ink)}
.tm-h i{display:block;font-style:normal;font-family:var(--sans);font-size:10.5px;color:var(--petrol)}
.tm-gl{font:500 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--zacht);text-align:center;border-bottom:1px solid var(--haar);padding:0 0 6px!important;margin:0 3px}
.tm-gl.nu{color:var(--ink)}
.tm-s{display:flex;align-items:center;gap:10px;padding-left:14px!important;white-space:nowrap}
.tm-k .tm-s{font:500 11px/1.2 var(--mono);color:var(--zacht);align-self:end;padding-bottom:6px!important}
.tm-c{display:flex;align-items:center;justify-content:center;height:34px;border-radius:6px;margin:2px 3px;font:500 11.5px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);background:var(--veld)}
.tm-c.l0{background:var(--veld);color:var(--zacht)}
.tm-c.l1{background:color-mix(in srgb,var(--petrol) 9%,#fff)}
.tm-c.l2{background:color-mix(in srgb,var(--petrol) 20%,#fff)}
.tm-c.l3{background:color-mix(in srgb,var(--petrol) 36%,#fff)}
.tm-c.l4{background:color-mix(in srgb,var(--petrol) 58%,#fff);color:var(--ink)}
.tm-c.l5{background:var(--petrol);color:#fff}
.tm-c.k.l5,.tm-c.k.l6{text-shadow:0 0 3px rgba(0,0,0,.45)}
.tm-c.l6{background:var(--err);color:#fff}
.tm-c.k{box-shadow:inset 0 0 0 1px rgba(30,43,51,.06)}
.tm-c.k.l1,.tm-c.k.l2,.tm-c.k.l3{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 3px,transparent 3px 7px)}
.tm-c.k.l4,.tm-c.k.l5,.tm-c.k.l6{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0 3px,transparent 3px 7px)}
.tm-c.nu{outline:1.5px solid var(--ink);outline-offset:1px}
.tm-c.afw{opacity:.75}
.tm-c.l0.afw{background:repeating-linear-gradient(135deg,var(--veld) 0 4px,var(--veld-h) 4px 8px);color:var(--zacht);font-family:var(--sans)}
.tm-bar{flex:1;display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--veld);gap:1px;min-width:60px}
.tm-bar i{display:block;height:100%}
.tm-bar i.err{background:var(--err)}
.tm-bar i.nu{background:var(--petrol)}
.tm-bar i.vw{background:var(--ijs)}
.tm-bar i.lt{background:var(--veld-h)}
.tm-bar i.leeg{background:var(--veld)}
.tm-leg .tm-lgc{display:inline-block;width:22px;height:12px;margin:0 6px 0 0;border-radius:3px;vertical-align:-2px;outline-offset:0}
.tm-leg .tm-lgc.nu{outline-width:1px}
.tm-leg .tm-sc{display:inline-flex;gap:3px;align-items:center}
.tm-leg .tm-sc .tm-c{width:22px;height:12px;margin:0;border-radius:3px;outline:0}

.tm-n em{white-space:normal;line-height:1.3}