.rows {
  list-style: none;
  margin: 0 var(--uni_margin);
  padding: 0;
  background: var(--surface-raised);
  border-radius: var(--radius);
  overflow: hidden;
}
.rows:empty { display: none; }

.row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 14px;
  border-bottom: 1px solid var(--brand-line);
  cursor: pointer;
}
.row:last-child { border-bottom: 0; }
.row:active { background: var(--brand-olive-lt); }
.row:focus-visible { outline: 2px solid var(--brand-olive); outline-offset: -2px; }
.row--static { cursor: default; }
.row--static:active { background: transparent; }

.row-thumb {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: var(--brand-olive-lt) center / cover no-repeat;
}
.row-main { flex: 1; min-width: 0; }
.row-title {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.row-sub {
  font-size: 13px;
  color: var(--text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.row-meta {
  flex: none;
  font-size: 13px;
  color: var(--text-muted);
}

.more {
  list-style: none;
  padding: 12px;
  text-align: center;
}