/* Mingle – „Napló” (tulajdonosi napló) képernyő stílusa – v7 „H3 / S2” (docs/DESIGN.md). Csak tokeneket használ.
   Sorok a panel-rétegen, vékony elválasztóval; az idő és az összeg a szám-betűvel; az esemény fajtája jel + szöveg (nem csak szín);
   a „Törölve” és „Fizetés visszavonva” sor 3 px-es állapot-sávot és halvány tónust kap; széles képernyőn a lista nem nyúlik szét. */

.journal-view { width: 100%; max-width: 900px; margin-inline: auto; gap: var(--space-3); }

/* szűrősor: nap + fajta egy sorban, alatta a dolgozó (görgethető, ha sok) */
.journal-controls { display: flex; flex-direction: column; gap: var(--space-2); }
.journal-controls .date-row { justify-content: space-between; }
.journal-staff:empty { display: none; }

.journal-stale { margin: 0; }

/* sorok */
.journal-rows { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; background: var(--surface); border-radius: var(--radius); overflow: hidden; }
.journal-row {
  display: grid; grid-template-columns: 9.5em minmax(0, 1fr) auto; align-items: start; gap: var(--space-3);
  padding: 10px var(--space-4); border-bottom: 1px solid var(--border);
}
.journal-row:last-child { border-bottom: 0; }
.journal-when { display: flex; flex-direction: column; gap: 2px; }
.journal-time { font-family: var(--font-num); font-size: 17px; font-weight: 600; color: var(--num); font-variant-numeric: tabular-nums; }
.journal-kind { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 12.5px; }
/* az esemény fajtája sima szöveg (dísz-ikon és keretes négyzet nélkül; a jel a képernyőolvasónak megmarad); szín csak a figyelmeztetésen és a hibán */
.journal-kind-icon { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.journal-kind-text { color: var(--ink2); }
.journal-kind.tone-warn .journal-kind-text { color: var(--amb); font-weight: 600; }
.journal-kind.tone-err .journal-kind-text { color: var(--red); font-weight: 600; }

.journal-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.journal-summary { overflow-wrap: anywhere; font-size: var(--text-md); }
.journal-sub { color: var(--muted); font-size: var(--text-sm); }
.journal-amount { font-family: var(--font-num); font-size: 17px; font-weight: 600; color: var(--num); font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }
.journal-amount:empty { display: none; }

/* kiemelt sorok: 3 px állapot-sáv + halvány tónus (jel + szöveg is van, nem csak szín) */
.journal-row.is-strong { background: var(--err-bg); box-shadow: inset 3px 0 0 var(--err); }
.journal-row.kind-payment_voided { background: none; box-shadow: inset 3px 0 0 var(--amb-b); }
.journal-row.kind-void_rejected .journal-summary { color: var(--muted); }

.journal-more { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); padding: var(--space-3) 0; }

/* keskeny képernyő: az idő és a jelvény egy sorban, az összeg a szöveg alatt jobbra */
@media (max-width: 560px) {
  .journal-row { grid-template-columns: minmax(0, 1fr) auto; }
  .journal-when { grid-column: 1 / -1; flex-direction: row; align-items: baseline; gap: var(--space-3); }
  .journal-controls .date-row { justify-content: flex-start; }
}