/* NEXA refined till motion: styles for js/ledger.js */
.lg-toast {
  position: fixed; top: 16px; left: 50%; transform: translate(-50%, 0); z-index: 500; pointer-events: none; opacity: 0;
  display: flex; align-items: center; gap: 12px; padding: 12px 20px 12px 16px; min-width: 220px; max-width: 92vw;
  border-radius: 16px; color: var(--ink); background: color-mix(in srgb, var(--panel) 88%, transparent);
  backdrop-filter: blur(18px) saturate(1.4); -webkit-backdrop-filter: blur(18px) saturate(1.4);
  box-shadow: 0 0 0 1px var(--line), 0 18px 40px -16px rgba(0, 0, 0, .5);
}
.lg-toast svg { flex: none; color: var(--ok); }
.lg-toast div { display: flex; flex-direction: column; gap: 2px; }
.lg-toast b { font-size: .95rem; font-weight: 700; }
.lg-toast span { direction: ltr; unicode-bidi: isolate; text-align: start; font-size: .84rem; color: var(--ink-dim); font-variant-numeric: tabular-nums; }
.lg-toast i { font-style: normal; font-weight: 700; color: var(--ink); }
.lg-ring { stroke-dasharray: 63; stroke-dashoffset: 63; animation: lg-draw .55s .1s cubic-bezier(.16,1,.3,1) forwards; }
.lg-check { stroke-dasharray: 22; stroke-dashoffset: 22; animation: lg-draw .4s .5s cubic-bezier(.16,1,.3,1) forwards; }
@keyframes lg-draw { to { stroke-dashoffset: 0; } }

/* report bars grow from the start edge, one after another */
.bar-row .bar-fill { transform-origin: var(--lg-origin, right); animation: lg-bar .8s cubic-bezier(.16,1,.3,1) both; }
:root[dir="ltr"] .bar-row .bar-fill, [dir="ltr"] .bar-row .bar-fill { --lg-origin: left; }
.bar-row:nth-child(2) .bar-fill { animation-delay: .06s; } .bar-row:nth-child(3) .bar-fill { animation-delay: .12s; } .bar-row:nth-child(4) .bar-fill { animation-delay: .18s; }
.bar-row:nth-child(5) .bar-fill { animation-delay: .24s; } .bar-row:nth-child(n+6) .bar-fill { animation-delay: .3s; }
@keyframes lg-bar { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .bar-row .bar-fill { animation: none; } }