/* public/schermen/tracker/lijsten.css — Lijsten (bord 01): wat alleen dit scherm heeft. De gedeelde delen (kop, tegels, tabel, cellen) staan in lijst.css. Alles onder .tt. */
.tt .tt-icoon{width:32px;height:32px;border-radius:9px;background:var(--blauw-100);color:var(--blauw-900);display:flex;align-items:center;justify-content:center}
.tt .tt-rij.eigen .tt-icoon{background:var(--vlak)}
.tt .tt-lnaam b{font-weight:600;color:var(--tekst)}
.tt .tt-lnaam a:hover b{color:var(--blauw)}
.tt .tt-lnaam .k{font-size:12px}
.tt .tt-labels{display:flex;flex-wrap:wrap;gap:4px}
.tt .tt-labels .chip{padding:0 6px;font-size:11.5px}
.tt .tt-acties{display:flex;gap:2px;justify-content:flex-end;align-items:center}
.tt .tt-bewerkknop{color:var(--grijs)}
.tt .tt-bewerkpaneel{padding:14px;border-top:1px solid var(--rand2);background:var(--bg);display:flex;flex-direction:column;gap:8px}
.tt .tt-drie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tt .tt-drie label{display:flex;flex-direction:column;gap:4px}
@media (max-width:1100px){.tt .tt-drie{grid-template-columns:1fr}}