/**
 * v132-additions.css
 * Music menu nav · enhanced Airbuds ticker · music hub · platform pages
 */

/* ══════════════════════════════════════════════════════════════════
   MUSIC NAV LINKS (offcanvas right panel)
   ══════════════════════════════════════════════════════════════════ */
.cb-nav-music-list { margin:0 0 20px; padding:0; list-style:none; }
.cb-nav-music-link {
  display:flex !important;
  align-items:center;
  gap:8px;
}
.cb-nav-music-dot {
  display:inline-block;
  width:6px; height:6px;
  border-radius:50%;
  flex-shrink:0;
  margin-top:1px;
}

/* ══════════════════════════════════════════════════════════════════
   AIRBUDS-STYLE TICKER ENHANCEMENTS
   ══════════════════════════════════════════════════════════════════ */

/* Live pulse dot (inline in ticker items) */
.cb-ticker-live-dot {
  display:inline-block;
  width:5px; height:5px;
  border-radius:50%;
  margin-right:5px;
  vertical-align:middle;
  flex-shrink:0;
  animation:cb-np-pulse 1.2s ease-in-out infinite;
}

/* Platform abbreviation badge */
.cb-ticker-plat-badge {
  display:inline-block;
  font-family:"JetBrains Mono",monospace;
  font-size:.42rem;
  font-weight:700;
  letter-spacing:.04em;
  padding:1px 5px;
  border-radius:3px;
  border:1px solid currentColor;
  margin-right:5px;
  vertical-align:middle;
  opacity:.75;
}

/* User handle */
.cb-ticker-user {
  font-family:"JetBrains Mono",monospace;
  font-size:.46rem;
  opacity:.45;
  margin-left:5px;
}

/* Separator dot between items */
.cb-ticker-sep {
  margin-left:8px;
  opacity:.25;
  font-size:.55rem;
}

/* Live count badge next to TOP TRACKS label */
.cb-ticker-live-count {
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:.44rem;
  font-weight:700;
  letter-spacing:.04em;
  padding:1px 7px;
  border-radius:20px;
  background:rgba(255,79,163,.15);
  color:var(--cb-hamburger-pink,#ff4fa3);
  margin-left:6px;
  vertical-align:middle;
}
.cb-ticker-live-dot-inline {
  display:inline-block;
  width:5px; height:5px;
  border-radius:50%;
  background:var(--cb-hamburger-pink,#ff4fa3);
  flex-shrink:0;
}

/* Smoother leaderboard list transition */
#cb-leaderboard-list {
  transition:opacity .4s ease;
}

/* ══════════════════════════════════════════════════════════════════
   MUSIC CONNECT PAGE — shared styles for all platform pages
   ══════════════════════════════════════════════════════════════════ */
.cb-mc-input-row {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:10px;
}
.cb-mc-url-input {
  flex:1;
  min-width:160px;
  font-size:.58rem !important;
  padding:.4rem .65rem !important;
}
.cb-mc-save-status {
  display:block;
  font-family:"JetBrains Mono",monospace;
  font-size:.52rem;
  margin-top:6px;
  min-height:1em;
}
.cb-mc-profile-link {
  font-family:"JetBrains Mono",monospace;
  font-size:.58rem;
  color:var(--cb-hamburger-pink,#ff4fa3);
  text-decoration:none;
  display:inline-block;
  margin-top:8px;
}
.cb-mc-profile-link:hover { text-decoration:underline; }
.cb-mc-link-preview {
  margin-top:8px;
}
.cb-mc-back-bottom {
  margin-top:2rem;
  padding-top:1rem;
  border-top:1px solid rgba(0,0,0,.07);
  font-family:"JetBrains Mono",monospace;
  font-size:.56rem;
}
.cb-mc-back-bottom a {
  color:#888;
  text-decoration:none;
}
.cb-mc-back-bottom a:hover { color:var(--cb-hamburger-pink,#ff4fa3); }

/* ══════════════════════════════════════════════════════════════════
   DASHBOARD — YouTube Music + Tidal connect cards (v132)
   ══════════════════════════════════════════════════════════════════ */
/* All platform connect cards already styled via .cb-connect-card  */
/* These overrides add the link-card visit button for non-embeddable */
.cb-mlc-visit-btn {
  font-family:"JetBrains Mono",monospace;
  font-size:.56rem;
  font-weight:700;
  padding:.4rem 1rem;
  border-radius:5px;
  border:none;
  background:var(--cb-hamburger-pink,#ff4fa3);
  color:#fff;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
  margin-top:6px;
  transition:background .2s;
}
.cb-mlc-visit-btn:hover { background:var(--cb-menu-green,#cafe44); color:#222; }

/* ══════════════════════════════════════════════════════════════════
   DASHBOARD — link platforms grid "visit page" links (v132)
   ══════════════════════════════════════════════════════════════════ */
.cb-lp-visit {
  font-family:"JetBrains Mono",monospace;
  font-size:.48rem;
  color:var(--cb-hamburger-pink,#ff4fa3);
  text-decoration:none;
  margin-left:4px;
  white-space:nowrap;
}
.cb-lp-visit:hover { text-decoration:underline; }