.empty {
  margin-top: 10px;
  padding: 46px 20px;
  background: var(--panel);
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius-lg);
  text-align: center;
}
.empty-title { margin: 0; font: 600 17px var(--font-display); letter-spacing: .02em; }
.empty-sub { margin: 6px 0 16px; font-size: 12.5px; color: var(--muted); }

.pager-row {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.pager-pages {
  display: flex;
  align-items: center;
  gap: 4px;
}

.pager-num {
  min-width: 30px;
  height: 30px;
  padding: 0 6px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--panel);
  color: var(--muted);
  font: 600 12px var(--font-body);
  cursor: pointer;
  transition: border-color .12s, color .12s, background .12s;
}
.pager-num:hover { border-color: var(--accent); color: var(--accent); }
.pager-num.on {
  background: var(--accent);
  border-color: var(--accent);
  color: #FFFFFF;
  cursor: default;
}

.pager-ell { color: var(--muted); padding: 0 2px; user-select: none; }

.pager-btn { padding: 5px 12px; }