/* Journal des modifications */

.jr-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.jr-filters .field { min-width: 150px; margin: 0; }
.jr-filters .field.grow { flex: 1 1 220px; }
.journal { list-style: none; margin: 0; padding: 0; }
.jr-day { position: sticky; top: 0; z-index: 1; background: var(--surface); padding: 14px 4px 6px; font-size: 12px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .04em; color: var(--muted); border-bottom: 1px solid var(--border); }
.jr-day::first-letter { text-transform: uppercase; }
.jr-item { display: grid; grid-template-columns: 46px 28px 1fr; gap: 10px; align-items: start; padding: 10px 4px; border-bottom: 1px solid var(--border); }
.jr-item:last-child { border-bottom: 0; }
.jr-item time { font-variant-numeric: tabular-nums; color: var(--muted); font-size: 13px; padding-top: 4px; }
.jr-item .avatar .ic { width: 14px; height: 14px; }
.jr-line { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.jr-details { margin: 4px 0 0; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.jr-more { display: flex; justify-content: center; padding-top: 12px; }
@media (max-width: 640px) { .jr-item { grid-template-columns: 40px 1fr; } .jr-item .avatar { display: none; } }