/* music.css */
.cover-64{ width:64px; height:64px; object-fit:cover; background:#e9eded }
.form-range{ accent-color:#A3A8A8 }

/* Cards */
#musicCatalog .album-card{ border:1px solid rgba(0,0,0,.08) }
.card-glass .list-group-item{ background:transparent }

/* Make ALL music buttons look like the Play button */
#music .btn-accent,
#music .btn-outline-accent,
#music .btn-outline-secondary{
  background-color: var(--slate-700);
  border-color: var(--slate-700);
  color:#fff;
}
#music .btn-accent:hover,
#music .btn-outline-accent:hover,
#music .btn-outline-secondary:hover{
  background-color: var(--slate-600);
  border-color: var(--slate-600);
  color:#fff;
}
#music .btn.btn-sm{ padding:.35rem .75rem; border-radius:.5rem }

/* Track rows */
.track-row{
  display:grid; grid-template-columns:auto 1fr auto auto;
  gap:.75rem; align-items:center; padding:.4rem .25rem; border-radius:.5rem
}
.track-row:hover{ background:rgba(0,0,0,.04) }

.track-title{ font-weight:600 }
.track-meta{ color:#DCE3E6; font-size:.9rem }
.track-actions .btn{ padding:.15rem .55rem }

/* Dark mode tweaks */
@media (prefers-color-scheme: dark){
  #musicCatalog .album-card{ border-color: rgba(255,255,255,.08) }
  .track-row:hover{ background:rgba(255,255,255,.06) }
}

/* External music links */
.external-card {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  color: var(--text);
  box-shadow: 0 2px 6px var(--shadow);
}

.external-card .card-body {
  background: transparent;
}