/* view-playlists-rail.css — playlist rail for Starred / Recent pages */
.view-playlists-rail {
  padding: 12px 24px 6px;
  display: flex; flex-direction: column; gap: 8px;
}
.view-playlists-rail__h {
  font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--text-muted, rgba(255,255,255,0.45));
}
.view-playlists-rail__row {
  display: flex; gap: 8px; overflow-x: auto;
  padding-bottom: 4px; scrollbar-width: thin;
}
.view-pl-card {
  flex: 0 0 auto; min-width: 180px;
  appearance: none; cursor: pointer;
  text-align: left;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--text, #fff);
  font: inherit;
  display: flex; flex-direction: column; gap: 4px;
  transition: background 0.12s, border-color 0.12s;
}
.view-pl-card:hover {
  background: color-mix(in srgb, var(--accent) 8%, rgba(255,255,255,0.05));
  border-color: color-mix(in srgb, var(--accent) 30%, rgba(255,255,255,0.1));
}
.view-pl-card__name { font-size: 13px; font-weight: 500; }
.view-pl-card__meta { font-size: 11px; color: var(--text-muted, rgba(255,255,255,0.45)); }