/* One radio shell; music is loaded only when selected. No live blur or size tween. */
#radioWindow .radio-source-bar {
  position: absolute;
  z-index: 10010;
  right: 12px;
  top: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
  font: 700 11px system-ui, sans-serif;
}
.radio-source-bar button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  border-radius: 7px;
  padding: 6px 10px;
  color: #c1d1dc;
  background: transparent;
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}
.radio-source-bar button svg { width: 17px; height: 17px; flex: 0 0 17px; }
.radio-source-bar button[aria-pressed="true"] { color: #e2f8ff; background: rgba(var(--radio-ambient-rgb,83,201,232),.17); box-shadow: inset 0 0 0 1px rgba(var(--radio-ambient-rgb,83,201,232),.19); }
/* Sliding pill (js/radio-source.js sourcePill): carries the selected look. */
.radio-source-bar { position: relative; }
.radio-source-bar > button { position: relative; z-index: 1; transition: background .18s ease, color .28s var(--mk-ease-effects, ease); }
.radio-source-pill { position: absolute; z-index: 0; display: none; border-radius: 7px; background: rgba(var(--radio-accent-rgb,83,201,232),.15); box-shadow: inset 0 0 0 1px rgba(var(--radio-accent-rgb,83,201,232),.22); pointer-events: none; }
/* Only in the looks that keep this bar's own style: the Amp, Dither and
   Pioneer skins draw their selected button themselves and stay as they are. */
#radioWindow:is(:not([data-radio-layout]), [data-radio-layout="classic"], [data-radio-layout="clean"], [data-radio-layout="pixel"], .music-source) .radio-source-pill { display: block; }
#radioWindow:is(:not([data-radio-layout]), [data-radio-layout="classic"], [data-radio-layout="clean"], [data-radio-layout="pixel"], .music-source) .radio-source-bar.has-pill > button[aria-pressed="true"] { background: transparent; box-shadow: none; }
.radio-source-bar button:hover { background: rgba(var(--radio-accent-rgb,83,201,232),.1); }
.radio-source-bar button:focus-visible { outline: 2px solid var(--radio-accent,#b7e9ff); outline-offset: 2px; }
#radioSourceStatus:empty { display: none; }
#radioSourceStatus { max-width: 180px; color: #bdd0db; }
#radioWindow.music-source { height: 190px !important; background: #0d131b; border-top: 1px solid #34404d; }
#radioWindow.music-source .radio-win-body { display: none; }
#radioWindow #lacMiniConsole.docked {
  position: absolute;
  inset: 6px 0 6px;
  width: 100%;
  height: auto !important;
  max-height: none;
  padding: 8px 12px;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  transform: none;
}
#radioWindow #lacMiniConsole .lm-brand svg { display: none; }
#radioWindow #lacMiniConsole .lm-brand { color: #aec7d6; }
#radioWindow #lacMiniConsole .lm-cover { background: #18212c; box-shadow: none; }
#radioWindow #lacMiniConsole .lm-cover.active { background: #19342e; }
@media (max-width: 650px) {
  #radioWindow.music-source { height: 230px !important; }
  #radioWindow .radio-source-bar { right: 8px; }
}

#radioWindow.music-source .radio-source-bar { position: static; flex-shrink: 0; }
#radioWindow #lacMiniConsole .lm-head { height: 36px !important; padding-left: 0; }
#radioWindow #lacMiniConsole .lm-brand { display: none; }
#radioWindow #lacMiniConsole .lm-search { max-width: none; border-radius: 7px !important; background: rgba(6,16,23,.45); }
#radioWindow #lacMiniConsole .lm-login,
#radioWindow #lacMiniConsole .lm-favorites,
#radioWindow #lacMiniConsole .lm-quick,
#radioWindow #lacMiniConsole .lm-hbtn,
#radioWindow #lacMiniConsole .lm-scroll-btn {
  border-radius: 7px !important;
  border: 1px solid rgba(170,210,220,.22) !important;
  background: rgba(8,20,28,.46) !important;
  box-shadow: none !important;
}
#radioWindow #lacMiniConsole .lm-cover { background: rgba(8,20,28,.45) !important; }
#radioWindow #lacMiniConsole .lm-cover.active { background: rgba(25,65,55,.55) !important; border-color: #62cbb0; }
#radioWindow #lacMiniInfo { justify-content: center; overflow: hidden; }
#radioWindow #lacMiniActions { margin-top: 4px; }
#radioWindow #lacMiniConsole .lm-body { min-height: 76px; }
#radioWindow #lacMiniConsole #lacMiniPlay { box-shadow: none; }
@media (max-width: 650px) {
  #radioWindow #lacMiniConsole .lm-head { height: auto !important; flex-wrap: wrap; gap: 6px; }
  #radioWindow #lacMiniConsole .lm-search { order: 3; flex: 1 0 100%; }
  #radioWindow #lacMiniConsole .lm-head-btns { gap: 4px; }
}

#radioWindow.music-source { overflow: visible !important; }

#radioWindow #lacMiniNowLbl { display: none; }

#radioMusicStatus { position: absolute; left: 0; max-width: calc(50% - 65px); color: #d1e9e4; font: 500 11px/1.3 system-ui,sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#lacMiniPlay:disabled { opacity: .6; cursor: wait; }

/* A single account entry and a quiet, legible toolbar over every personal image. */
#radioWindow .radio-source-bar {
  gap: 3px;
  padding: 4px;
  border-color: rgba(var(--radio-accent-rgb,83,201,232),.14);
  border-radius: 13px;
  background: linear-gradient(120deg,rgba(var(--radio-accent-rgb,83,201,232),.07),rgba(4,9,13,.18));
  box-shadow: none;
  color: #f2f7fa;
}
#radioWindow .radio-source-bar button {
  min-height: 32px;
  color: #e1ebf0;
  font: 600 12px/1.2 system-ui,sans-serif;
  letter-spacing: 0;
}
#radioWindow .radio-source-bar button[aria-pressed="true"] {
  color: #fff;
  background: rgba(var(--radio-accent-rgb,83,201,232),.15);
  box-shadow: inset 0 0 0 1px rgba(var(--radio-accent-rgb,83,201,232),.22);
}
#radioWindow #lacMiniConsole .lm-head {
  height: auto !important;
  min-height: 46px;
  gap: 10px;
  padding: 5px 7px !important;
  border: 1px solid #d6edf31f;
  border-radius: 14px;
  background: linear-gradient(110deg,rgba(var(--radio-accent-rgb,83,201,232),.07),rgba(4,9,13,.18));
  box-shadow: inset 0 1px 0 #ffffff09;
  box-sizing: border-box;
}
#radioWindow.music-source .radio-source-bar {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#radioWindow #lacMiniConsole .lm-search {
  min-width: 90px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #dceef01c;
  border-radius: 9px !important;
  background: #050e1866;
}
#radioWindow #lacMiniConsole .lm-search input { color: #f3f7fa; font: 500 12px/1.3 system-ui,sans-serif; }
#radioWindow #lacMiniConsole .lm-search input::placeholder { color: #bacbd5; opacity: 1; }
#radioWindow #lacMiniConsole .lm-search svg { fill: #bacbd5; }
#radioWindow #lacMiniConsole .lm-search:focus-within { border-color: #b6e5f5; }
#radioWindow #lacMiniConsole .lm-head-btns { gap: 5px; }
#radioWindow #lacMiniConsole .lm-head-btns button {
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  border-color: transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #e6eff4 !important;
  font: 600 12px/1 system-ui,sans-serif;
}
#radioWindow #lacMiniConsole .lm-head-btns button:hover,
#radioWindow #lacMiniConsole .lm-head-btns button[aria-expanded="true"] { background: #ffffff14 !important; }
#radioWindow #lacMiniConsole .lm-head-btns button:focus-visible { outline: 2px solid #b6e5f5; outline-offset: 1px; }
#radioWindow #lacMiniConsole .lm-favorites svg { width: 16px; height: 16px; flex: 0 0 16px; }
#radioWindow #lacMiniConsole .lm-hbtn { font-size: 20px !important; }
@media(max-width:900px) {
  #radioWindow #lacMiniConsole .lm-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px; }
  #radioWindow.music-source .radio-source-bar { grid-column:1 / -1; justify-self:start; max-width:100%; }
  #radioWindow #lacMiniConsole .lm-search { grid-row:2; grid-column:1; width:auto; min-width:0; }
  #radioWindow #lacMiniConsole .lm-head-btns { grid-row:2; grid-column:2; }
  #radioWindow.music-source { height:250px !important; }
}
@media(max-width:520px) {
  #radioWindow .radio-source-bar button { font-size:11px; padding:6px; gap:4px; }
  #radioWindow #lacMiniConsole.docked { padding:6px !important; }
  #radioWindow #lacMiniConsole .lm-head { padding:5px !important; }
  #radioWindow #lacMiniConsole .lm-head-btns { gap:1px; }
  #radioWindow #lacMiniConsole .lm-head-btns button { min-width:30px; padding:0 6px; }
}

/* Radio and music are desktop tools; mobile keeps the schedule only. */
@media(max-width:760px), (pointer:coarse) and (max-width:950px) {
  html body #radioWindow,
  html body #dockShelf #bottomBtnBar #radioIdleBtn,
  html body #radioIdleBtn,
  html body #dockShelf #bottomBtnBar #radioToggle,
  html body #radioToggle,
  html body #lacMiniConsole,
  html body #lacMiniStage,
  html body #lacitisDockBtn,
  html body #metaWrap,
  html body #themePanel,
  html body #vizPickerOverlay,
  html body .minka-ambient-glow { display:none !important; }
}

/* One outline: avoid a bright double seam against the dock below. */
html body #radioWindow {
  border-radius:24px !important;
  background-clip:padding-box !important;
}
/* The lower image edge fades inside the background, without a bottom stroke. */
html body #radioWindow { border-bottom-width:0 !important; }