/* ============================================================
   publiek/lijstblok.css - een kort lijstje in een vak (laatste
   reacties, laatste topics). Hoort bij delen/_lijstblok.html.
   De kop (h2 met streepje, link rechts) deelt de opmaak met
   schuif.css.
   ============================================================ */

.lb { min-width: 0; }
.lb-kop { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; min-height: 30px; }
.lb-vak {
    background: var(--vlak);
    border: 1px solid var(--rand);
    border-radius: 12px;
    padding: 2px 14px;
}
.lb-rij {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 0;
    border-bottom: 1px solid #161c4a;
    color: var(--tekst);
    text-decoration: none;
    font-size: 13px;
    min-width: 0;
}
.lb-rij:last-child { border-bottom: 0; }
.lb-rij:hover .lb-tekst { color: #fff; }
.lb-rij:hover .lb-titel { text-decoration: underline; text-underline-offset: 3px; }
.lb-av {
    flex: none;
    width: 28px; height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4c1d95, #1e3a8a);
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 13px;
}
.lb-midden { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.lb-boven { display: flex; gap: 8px; align-items: baseline; min-width: 0; white-space: nowrap; }
.lb-boven .lb-zacht { overflow: hidden; text-overflow: ellipsis; }
.lb-zacht { color: var(--tekst-zacht); font-size: 12px; }
.lb-tekst { color: #c9cff0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lb-titel { color: var(--tekst); font-weight: 600; }
.lb-tijd {
    display: inline-block;
    margin-right: 8px;
    padding: 0 7px;
    border: 1px solid #4c3a9e;
    border-radius: 7px;
    color: var(--paars-licht);
    font-weight: 700;
    font-size: 12px;
}
.lb-cat {
    flex: none;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 7px;
    background: #312e81;
    color: #c7d2fe;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lb-rechts { flex: none; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.lb-leeg { margin: 0; padding: 18px 0; color: var(--tekst-zacht); font-size: 13.5px; }