/* --- Rows: artists, playlists, queue, song results ----------------------------------------- */

.row-list { list-style: none; margin: 0; padding: 0; max-width: 56rem; display: grid; gap: 2px; }
.row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3) var(--space-4);
  width: 100%;
  min-height: 3.5rem;
  padding: var(--space-2);
  background: none;
  border: 0;
  border-radius: var(--radius-md);
  color: var(--fg);
  font: inherit;
  text-align: left;
  text-decoration: none;
  transition: background-color var(--motion) var(--ease);
}
.row:hover { background: var(--surface-2); }
.row .cover { width: 48px; height: 48px; border-radius: var(--radius-sm); }
.queue-list .row .cover, .search .row .cover { width: 40px; height: 40px; }
.row-text { display: grid; min-width: 0; }
.row-title, .row-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row-title { font-weight: 500; }
.row-sub, .row-end { color: var(--fg-muted); font-size: var(--meta); }
/* "Now playing" looks the same everywhere (the queue page, the drawer, the tracklist):
   a brass mark, a soft brass ground and a brass title; aria-current says it too. */
li.is-current > .row { background: var(--accent-soft); box-shadow: inset 3px 0 0 var(--accent); }
li.is-current .row-title { color: var(--accent); }