/*
 * Audious Mono Yellow — new frontend live layer
 *
 * Loaded after /assets/css/audious-live.css.
 * Contains visual identity only; no structural layout contract.
 */

html[data-theme="audious-mono-yellow"]{
  --accent:#ffd84d;
  --accent-strong:#e4b91f;
  --accent-soft:rgba(255,216,77,.12);
  --accent-soft-2:rgba(255,216,77,.20);
  --line:#303030;
  --line-strong:#4a4a4a;
  --text:#f5f5f5;
  --soft:#d6d6d6;
  --muted:#969696;
  --muted-2:#626262;
}

html[data-theme="audious-mono-yellow"] body{
  background:#0a0a0a;
}

html[data-theme="audious-mono-yellow"] .live-song-card.is-current,
html[data-theme="audious-mono-yellow"] .live-album-track.is-current,
html[data-theme="audious-mono-yellow"] .live-like-row.is-current{
  outline-color:rgba(255,216,77,.42);
}

html[data-theme="audious-mono-yellow"] .browse-taxonomy-chips .chip.active{
  color:#111;
  background:var(--accent);
  border-color:var(--accent);
}

html[data-theme="audious-mono-yellow"] .activity-tabs > button.active,
html[data-theme="audious-mono-yellow"] .notification-filters button.active{
  color:#111;
  background:var(--accent);
  border-color:var(--accent);
  box-shadow:none;
}

html[data-theme="audious-mono-yellow"] .activity-badge{
  color:#111;
  background:var(--accent);
}

html[data-theme="audious-mono-yellow"] .activity-notification.is-unread{
  background:rgba(255,216,77,.045);
}

html[data-theme="audious-mono-yellow"] .activity-notification.is-unread::before{
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(255,216,77,.06);
}

html[data-theme="audious-mono-yellow"] #queue-panel .queue-item-live.is-current .state,
html[data-theme="audious-mono-yellow"] #queue-panel .queue-item-live.is-current .num{
  color:var(--accent);
}

html[data-theme="audious-mono-yellow"] #toast.toast::before{
  background:var(--accent);
}

html[data-theme="audious-mono-yellow"] .player-right .volume .volume-range{
  accent-color:var(--accent);
}

html[data-theme="audious-mono-yellow"] .player-right .volume .volume-range::-webkit-slider-thumb,
html[data-theme="audious-mono-yellow"] .player-right .volume .volume-range::-moz-range-thumb{
  background:var(--accent);
}

html[data-theme="audious-mono-yellow"] .fullscreen-overlay{
  background:rgba(5,5,5,.90);
}

html[data-theme="audious-mono-yellow"] .fullscreen-player-card{
  background:rgba(22,22,22,.96);
  border-color:#474747;
  border-radius:12px;
}

html[data-theme="audious-mono-yellow"] .fullscreen-close{
  background:transparent;
  border:0;
}

html[data-theme="audious-mono-yellow"] .fullscreen-close:hover,
html[data-theme="audious-mono-yellow"] .fullscreen-close:focus-visible{
  background:#242424;
  border:0;
}

html[data-theme="audious-mono-yellow"] .fullscreen-progress-bar span{
  color:var(--accent);
  background:var(--accent);
}

html[data-theme="audious-mono-yellow"] .fullscreen-controls .fullscreen-mainplay{
  color:#111;
  background:var(--accent);
}

html[data-theme="audious-mono-yellow"] .fullscreen-controls button.is-on:not(.fullscreen-mainplay){
  color:#111;
  background:var(--accent);
}

html[data-theme="audious-mono-yellow"] .mobile-player-controls #mobile-player-like.is-on{
  color:var(--accent);
}

html[data-theme="audious-mono-yellow"] .mobile-player-controls .mobile-mainplay{
  color:#111;
  background:var(--accent);
}

html[data-theme="audious-mono-yellow"] .mobile-activity-notifications .activity-badge{
  color:#111;
  background:var(--accent);
}

html[data-theme="audious-mono-yellow"] .queue.activity-center{
  background:#111 !important;
  border-left-color:#303030;
}

html[data-theme="audious-mono-yellow"] .notification-read-all:hover:not(:disabled),
html[data-theme="audious-mono-yellow"] .live-album-back:hover{
  color:var(--accent);
}

@media(max-width:760px){
  html[data-theme="audious-mono-yellow"] .activity-center{
    background:#111;
  }

  html[data-theme="audious-mono-yellow"] .activity-backdrop{
    background:rgba(0,0,0,.58);
  }
}