.hrlog-intro{margin:0 0 12px;color:var(--text-secondary);font-size:var(--font-rg);max-width:78ch}.hrlog-datum-wrap{display:inline-flex;align-items:center;gap:6px}.hrlog-datum-label{color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap}.hrlog-datum{max-width:160px}.hrlog-melding{margin:0 0 10px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--surface-alt);color:var(--text);font-size:var(--font-rg)}.hrlog-melding--waarschuwing{border-color:var(--yellow);background:var(--yellow-soft);color:var(--text)}.hrlog-melding--beperkt{border-color:var(--blue);background:var(--blue-soft);color:var(--text)}.hrlog-rij{cursor:pointer}.hrlog-rij:hover{background:var(--fill-hover)}.hrlog-rij:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.hrlog-leeg{text-align:center;padding:24px 12px;color:var(--text-secondary)}.hrlog-dossier-link{color:var(--blue-contrast);text-decoration:none}.hrlog-dossier-link:hover{text-decoration:underline}.hrlog-dossier-weg{color:var(--text-muted);font-style:italic}.hrlog-was{color:var(--text-muted);text-decoration:line-through}.hrlog-pijl{color:var(--text-secondary)}.hrlog-wordt{color:var(--text);font-weight:600}.hrlog-omschrijving{color:var(--text)}.hrlog-geen-waarden{color:var(--text-muted);font-style:italic}.hrlog-detail-lijst{display:grid;grid-template-columns:minmax(140px,max-content) 1fr;gap:6px 16px;margin:0}.hrlog-detail-lijst dt{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600}.hrlog-detail-lijst dd{margin:0;color:var(--text);overflow-wrap:anywhere}.hrlog-detail-actie{margin:16px 0 0}@media(max-width:720px){.hrlog-detail-lijst{grid-template-columns:1fr;gap:2px 0}.hrlog-detail-lijst dd{margin-bottom:10px}.hrlog-datum{max-width:130px}}