/* Prázdny stav, pätička, tlačidlo hore */

/* ---------- Ostatné ---------- */
.empty { margin: 48px auto; max-width: 28rem; text-align: center; color: var(--muted); }
.empty strong { display: block; margin-bottom: 6px; color: var(--ink); font-size: 1.1rem; }
.foot { padding-block: 8px 40px; color: var(--muted); font-size: .85rem; text-align: center; }

.to-top {
  position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 30;
  width: 46px; height: 46px; border-radius: 50%;
  border: 1px solid var(--line); background: var(--surface); color: var(--ink); box-shadow: var(--shadow);
  opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .2s, transform .2s;
}
.to-top.show { opacity: 1; transform: none; pointer-events: auto; }
@media (min-width: 1100px) { .to-top { right: 84px; } }