/* Windows XP/Luna shell. The Winamp player and its playlist deliberately stay untouched. */
html[data-theme="xp"]{
  --taskbar-h:40px;
  --xp-shell:#edf2f8;
  --xp-shell-deep:#dfe8f2;
  --xp-shell-edge:#7890aa;
}

html[data-theme="xp"] .wa-taskbar{
  padding:0;
  gap:0;
  border:0;
  border-top:1px solid #73a9f8;
  background:linear-gradient(180deg,#2f8cf3 0%,#1769da 17%,#245edb 72%,#1941a5 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.3),0 -2px 8px rgba(0,0,0,.25);
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
}
html[data-theme="xp"] .wa-start{
  height:40px;
  width:134px;
  min-width:134px;
  padding:0;
  color:transparent;
  font-size:0;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-image:url("../icons/xp_start_states.png?v=2");
  background-repeat:no-repeat;
  background-size:134px 120px;
  background-position:0 0;
  box-shadow:none;
  text-shadow:none;
}
html[data-theme="xp"] .wa-start::before{
  content:none;display:none;
}
html[data-theme="xp"] .wa-start:hover{background-position:0 -40px}
html[data-theme="xp"] .wa-start:active,
html[data-theme="xp"] .wa-start[aria-expanded="true"]{border:0;transform:none;filter:none;background-position:0 -80px}
html[data-theme="xp"] .wa-taskbuttons{gap:3px;padding:3px 0 3px 3px}
html[data-theme="xp"] .wa-taskbtn{
  height:34px;min-width:170px;padding:0 12px;color:#fff;border:1px solid #174aa5;border-radius:3px;
  background:linear-gradient(180deg,#438ee8,#2b70d8 55%,#1c59bd);box-shadow:inset 1px 1px 1px rgba(255,255,255,.3);
}
html[data-theme="xp"] .wa-taskbtn.active{background:linear-gradient(180deg,#174fba,#1d54b2);box-shadow:inset 2px 2px 4px rgba(0,0,0,.35)}
html[data-theme="xp"] .wa-tray{
  height:40px;margin:0;padding:0 10px;border:0;border-left:1px solid #0d47aa;
  background:linear-gradient(180deg,#24b9f2,#1696e4 55%,#0b72ca);box-shadow:inset 1px 0 rgba(255,255,255,.35);
}
html[data-theme="xp"] .wa-trayclock{
  height:40px;padding:0 8px;color:#fff;border:0;background:transparent;box-shadow:none;text-shadow:1px 1px #12578b;
}
html[data-theme="xp"] .wa-traybtn{border-color:transparent!important;background:transparent!important;box-shadow:none!important}
html[data-theme="xp"] .wa-tray .wa-volbtn__img{opacity:1;filter:contrast(1.35) drop-shadow(1px 1px rgba(255,255,255,.45))}

/* Compact XP mixer popup: a clean system panel rather than the old dotted Win98 box. */
html[data-theme="xp"] .wa-volpopup{
  right:8px!important;bottom:46px!important;width:146px!important;
  color:#111!important;background:var(--xp-shell)!important;
  border:1px solid #fff!important;border-right-color:#7f7f7f!important;border-bottom-color:#7f7f7f!important;
  box-shadow:inset 1px 1px #f8f8f8,2px 3px 7px rgba(0,0,0,.36)!important;
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;font-size:12px!important;
}
html[data-theme="xp"] .wa-volpopup__inner{padding:10px 8px 9px!important}
html[data-theme="xp"] .wa-volpopup__mixers{display:flex!important;align-items:stretch!important}
html[data-theme="xp"] .wa-volchannel{width:50%!important;padding:0 7px!important;box-sizing:border-box!important}
html[data-theme="xp"] .wa-volchannel:only-child{width:100%!important;padding:0 12px!important}
html[data-theme="xp"] .wa-volchannel + .wa-volchannel{border-left:1px solid #9baabb!important;box-shadow:inset 1px 0 #fff!important}
html[data-theme="xp"] .wa-volpopup__title{
  margin:0 0 4px!important;text-align:center!important;font-size:17px!important;font-weight:400!important;
}
html[data-theme="xp"] .wa-volpopup__body{
  height:168px!important;margin:0 0 6px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;border:0!important;
}
html[data-theme="xp"] .wa-volscale__img{display:none!important}
html[data-theme="xp"] .wa-volrange{
  width:142px!important;height:56px!important;margin:0!important;
  transform:rotate(-90deg)!important;transform-origin:50% 50%!important;
}
html[data-theme="xp"] .wa-volrange::-webkit-slider-runnable-track{
  height:4px!important;background:#9d9d9d!important;border:0!important;
  box-shadow:1px 0 #fff,-1px 0 #6f6f6f!important;
}
html[data-theme="xp"] .wa-volrange::-webkit-slider-thumb{
  width:18px!important;height:36px!important;margin-top:-16px!important;border-radius:1px!important;
  border:1px solid #7f7f7f!important;box-shadow:inset 1px 1px #fff,inset -1px -1px #b8b8b8!important;
  background:linear-gradient(180deg,#16b756 0 7%,#edf0f7 7% 18%,#cfd5df 48%,#f9fafc 82% 93%,#16b756 93% 100%)!important;
}
html[data-theme="xp"] .wa-volrange::-moz-range-track{
  height:4px!important;background:#9d9d9d!important;border:0!important;box-shadow:1px 0 #fff,-1px 0 #6f6f6f!important;
}
html[data-theme="xp"] .wa-volrange::-moz-range-thumb{
  width:18px!important;height:36px!important;border-radius:1px!important;border:1px solid #7f7f7f!important;
  background:linear-gradient(180deg,#16b756 0 7%,#edf0f7 7% 18%,#cfd5df 48%,#f9fafc 82% 93%,#16b756 93% 100%)!important;
}
html[data-theme="xp"] .wa-volpopup__mute{gap:8px!important;padding-left:4px!important;font-size:15px!important}
html[data-theme="xp"] .wa-volpopup__mute input{
  appearance:none!important;width:18px!important;height:18px!important;margin:0!important;background:#fff!important;
  border:2px solid #31649c!important;box-shadow:inset 1px 1px #d6e3f1!important;
}
html[data-theme="xp"] .wa-volpopup__mute input:checked::after{
  content:"";display:block;width:9px;height:5px;margin:3px 2px;border-left:2px solid #111;border-bottom:2px solid #111;transform:rotate(-45deg);
}
html[data-theme="xp"] .wa-volpopup__mute span{text-decoration:none!important}
html[data-theme="xp"] .wa-volpopup__level{min-height:18px!important;text-align:center!important;color:#516274!important;font-size:11px!important;line-height:18px!important}

html[data-theme="xp"] .wa-startmenu{
  left:0;bottom:40px;width:310px;border:1px solid #1455a4;border-radius:7px 7px 0 0;
  background:#fff;box-shadow:3px 3px 12px rgba(0,0,0,.42);overflow:visible;
}
html[data-theme="xp"] .wa-startmenu-inner{position:relative;display:block;min-height:260px;padding-top:58px;background:linear-gradient(90deg,#fff 0 53%,#d3e5fa 53% 100%)}
html[data-theme="xp"] .wa-startmenu-inner::before{
  content:none;display:none;
}
html[data-theme="xp"] .xp-start-user{
  position:absolute;inset:0 0 auto 0;height:58px;padding:5px 10px;box-sizing:border-box;
  display:flex;align-items:center;gap:9px;color:#fff;background:linear-gradient(180deg,#2784e5,#0a54b3);
  border-radius:6px 6px 0 0;box-shadow:inset 0 1px rgba(255,255,255,.55);text-shadow:1px 1px #123d78;
}
html[data-theme="xp"] .xp-start-user__avatar{width:43px;height:43px;object-fit:cover;border:2px solid #fff;border-radius:3px;box-shadow:1px 1px 2px rgba(0,0,0,.5)}
html[data-theme="xp"] .xp-start-user__name{font-size:17px;font-weight:700}
html[data-theme="xp"] .wa-startmenu-inner>.wa-startitems{padding:7px}
html[data-theme="xp"] .wa-startitem{min-height:32px;padding:5px 9px;font-size:12px;border-radius:2px}
html[data-theme="xp"] .wa-startitem:hover,html[data-theme="xp"] .wa-subitem:hover{background:#316ac5;color:#fff}
html[data-theme="xp"] .wa-sep{background:#b7cde6;box-shadow:0 1px #fff}
html[data-theme="xp"] .wa-submenu{
  background:#fff;border:1px solid #7a96b5;border-radius:2px;box-shadow:3px 3px 8px rgba(0,0,0,.32);padding:2px;
}
html[data-theme="xp"] .wa-subitem{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
html[data-theme="xp"] .wa-subitem[role="menuitemradio"]{padding:6px 10px 6px 28px}
html[data-theme="xp"] .wa-subitem[role="menuitemradio"]::before{
  content:"";position:absolute;left:9px;top:50%;width:11px;height:11px;transform:translateY(-50%);
  border:1px solid #7f9db9;border-radius:50%;background:#fff;
}
html[data-theme="xp"] .wa-subitem[role="menuitemradio"].checked::after{
  content:"";position:absolute;left:12px;top:50%;width:7px;height:7px;transform:translateY(-50%);border-radius:50%;background:#2768c7;
}

html[data-theme="xp"] .desktop-icon__label{font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#fff;text-shadow:1px 1px 2px #123, -1px -1px 1px #123}
html[data-theme="xp"] .desktop-icon__img{image-rendering:auto;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.35))}

html[data-theme="xp"] :is(#visualizerWin,#videoWin,#libWin,#spotifyWin,#spotifySearchWin,#spotifyContextWin,#ieWin,#chatWin,#chatUsersWin,#telegramWin,#mixerWin,#bgWin){
  border-radius:8px 8px 3px 3px!important;box-shadow:0 8px 22px rgba(0,0,0,.42)!important;font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
}
html[data-theme="xp"] :is(#visualizerWin,#videoWin,#libWin,#spotifyWin,#spotifySearchWin,#spotifyContextWin,#ieWin,#chatWin,#chatUsersWin,#telegramWin,#mixerWin,#bgWin) .wa-titlebar{
  min-height:28px!important;height:28px!important;margin:0!important;padding:0 5px!important;border:1px solid #0748a8!important;border-radius:7px 7px 0 0!important;
  background:linear-gradient(180deg,#2f91f5 0%,#0b67dc 18%,#0054c9 70%,#003fa5 100%)!important;box-shadow:inset 0 2px 2px rgba(255,255,255,.55)!important;
}
html[data-theme="xp"] :is(#visualizerWin,#videoWin,#libWin,#spotifyWin,#spotifySearchWin,#spotifyContextWin,#ieWin,#chatWin,#chatUsersWin,#telegramWin,#mixerWin,#bgWin) .wa-titlecenter{justify-content:flex-start!important;padding:0 4px!important}
html[data-theme="xp"] :is(#visualizerWin,#videoWin,#libWin,#spotifyWin,#spotifySearchWin,#spotifyContextWin,#ieWin,#chatWin,#chatUsersWin,#telegramWin,#mixerWin,#bgWin) .wa-titletext{
  color:#fff!important;font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;text-shadow:1px 1px #003a85!important;
}
html[data-theme="xp"] :is(#visualizerWin,#videoWin,#libWin,#spotifyWin,#spotifySearchWin,#spotifyContextWin,#ieWin,#chatWin,#chatUsersWin,#telegramWin,#mixerWin,#bgWin) .wa-btn{
  width:21px!important;height:21px!important;line-height:16px!important;padding:0!important;color:#fff!important;border:1px solid #fff!important;border-radius:3px!important;
  background:linear-gradient(135deg,#70a9f5,#1d5fcb)!important;box-shadow:inset 1px 1px 2px rgba(255,255,255,.65),inset -1px -1px 2px rgba(0,0,0,.35)!important;text-shadow:1px 1px #17417e!important;
}
html[data-theme="xp"] :is(#visualizerWin,#videoWin,#libWin,#spotifyWin,#spotifySearchWin,#spotifyContextWin,#ieWin,#chatWin,#chatUsersWin,#telegramWin,#mixerWin,#bgWin) .wa-close{background:linear-gradient(135deg,#f39174,#d43d22 65%,#a81b0b)!important}
html[data-theme="xp"] :is(#visualizerWin,#videoWin,#libWin,#spotifyWin,#spotifySearchWin,#spotifyContextWin,#ieWin,#chatWin,#chatUsersWin,#telegramWin,#mixerWin,#bgWin) :is(.visualizerWin__settingsbar,.videoWin__status,.libwin-body,.iewinBody,.chatwinBody,.chatuserswinBody,.telegramwinBody,.mixerwinBody,.bgwinBody){
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
}

/* Clip and visualizer use the same compact Luna frame as Discogs Library. */
html[data-theme="xp"] :is(#visualizerWin,#videoWin){
  padding:0!important;background:transparent!important;border:0!important;overflow:hidden!important;
}
html[data-theme="xp"] :is(#visualizerWin .visualizerWin__inner,#videoWin .videoWin__inner){
  padding:0 3px 3px!important;background:var(--xp-shell)!important;border:0!important;
  border-radius:0 0 3px 3px!important;box-shadow:inset 1px 0 #0755bd,inset -1px 0 #0755bd,inset 0 -1px #0755bd!important;
}
html[data-theme="xp"] :is(#visualizerWin .wa-titlebar--visualizer,#videoWin .wa-titlebar--video){
  position:absolute!important;left:0!important;right:0!important;top:0!important;width:auto!important;box-sizing:border-box!important;
}
html[data-theme="xp"] :is(#visualizerWin .visualizerWin__stage,#videoWin .videoWin__stage){
  left:3px!important;right:3px!important;top:29px!important;border:1px solid #7f9db9!important;
}
html[data-theme="xp"] #visualizerWin .visualizerWin__stage{bottom:27px!important}
html[data-theme="xp"] #videoWin .videoWin__stage{bottom:25px!important}
html[data-theme="xp"] :is(#visualizerWin .visualizerWin__settingsbar,#videoWin .videoWin__status){
  left:3px!important;right:3px!important;bottom:3px!important;background:var(--xp-shell)!important;border:0!important;
}
html[data-theme="xp"] #videoWin .videoWin__reject{bottom:5px!important}

/* XP content surfaces: pale Explorer chrome and a blue collection workspace. */
html[data-theme="xp"] #libWin .trackpanelInner{padding:0!important}
html[data-theme="xp"] #libWin .libwin-body{
  padding:6px 7px 7px!important;background:var(--xp-shell)!important;border:1px solid #0755bd!important;border-top:0!important;
  box-shadow:none!important;
}
html[data-theme="xp"] #libWin .libList{
  background:linear-gradient(135deg,#a9c8ec 0%,#789fd3 100%)!important;border:1px solid #6688b5!important;
  border-radius:2px!important;
}
html[data-theme="xp"] #libWin .libItem{
  background:#f7f9fd!important;border:1px solid #9eb7d3!important;box-shadow:0 1px 3px rgba(44,76,116,.22)!important;
}
html[data-theme="xp"] #libWin :is(.libToolbar__select,.wa-modal__input){border:1px solid #7f9db9!important;background:#fff!important}

/* Explorer-style light context menu with a subtle command gutter. */
html[data-theme="xp"] #libCtx{
  min-width:218px!important;padding:3px!important;overflow:hidden!important;
  background:#fff!important;border:1px solid #7a96b5!important;
  box-shadow:2px 3px 8px rgba(25,49,76,.38)!important;
}
html[data-theme="xp"] #libCtx::before{
  content:"";position:absolute;inset:3px auto 3px 3px;width:25px;
  background:linear-gradient(90deg,#e3edf9,#f4f8fd);pointer-events:none;
}
html[data-theme="xp"] #libCtx .wa-menu__item{
  position:relative;min-height:27px!important;padding:5px 12px 5px 32px!important;
  color:#111!important;background:transparent!important;border:1px solid transparent!important;
  border-radius:1px!important;font-size:12px!important;
}
html[data-theme="xp"] #libCtx .wa-menu__item:hover,
html[data-theme="xp"] #libCtx .wa-menu__item:focus{
  color:#fff!important;background:linear-gradient(180deg,#4b8fdf,#246ac5)!important;
  border-color:#1857a4!important;outline:0!important;
}
html[data-theme="xp"] #libCtx .wa-menu__item + .wa-menu__item{margin-top:1px!important}

html[data-theme="xp"] #ieWin{padding:0!important;background:transparent!important;border:0!important;overflow:hidden!important}
html[data-theme="xp"] #ieWin .ieInner{padding:0!important;background:var(--xp-shell)!important;border:0!important;box-shadow:inset 1px 0 #0755bd,inset -1px 0 #0755bd,inset 0 -1px #0755bd!important}
html[data-theme="xp"] #ieWin .wa-titlebar--ie{width:100%!important;box-sizing:border-box!important}
html[data-theme="xp"] #ieWin :is(.ieMenubar,.ieToolbar,.ieAddress,.ieStatusbar){background:var(--xp-shell)!important}

/* The remaining utility windows share the same pale, slightly blue system plastic. */
html[data-theme="xp"] :is(
  #chatWin .chatwinInner,
  #chatUsersWin .chatuserswinInner,
  #telegramWin .telegramwinInner,
  #telegramWin .telegramwinBody,
  #bgWin .bgwinInner,
  #bgWin .bgwinBody
){background:var(--xp-shell)!important}
html[data-theme="xp"] :is(#chatWin,#chatUsersWin,#telegramWin,#bgWin) :is(button,.plbtn):not(.wa-close){
  background-color:var(--xp-shell-deep)!important;
}

/* Spotify's dark client sits flush inside the same Luna frame. */
html[data-theme="xp"] :is(#spotifyWin,#spotifySearchWin,#spotifyContextWin){
  padding:0!important;background:transparent!important;border:0!important;overflow:hidden!important;
}
html[data-theme="xp"] :is(#spotifyWin,#spotifySearchWin,#spotifyContextWin) .spotifywinInner{
  border:0!important;border-radius:0 0 3px 3px!important;
  box-shadow:inset 1px 0 #0755bd,inset -1px 0 #0755bd,inset 0 -1px #0755bd!important;
}
html[data-theme="xp"] :is(#spotifyWin,#spotifySearchWin,#spotifyContextWin) .wa-titlebar--spotify{
  width:100%!important;box-sizing:border-box!important;
}
html[data-theme="xp"] #ieWin .ieToolbar{padding:3px 6px!important;gap:3px!important}
html[data-theme="xp"] #ieWin .ieTool{
  width:58px!important;height:45px!important;padding:2px!important;background:transparent!important;border:1px solid transparent!important;
}
html[data-theme="xp"] #ieWin .ieTool:hover{background:#fff!important;border-color:#7f9db9!important}
html[data-theme="xp"] #ieWin .ieBody{background:#fff!important;padding:6px!important}
html[data-theme="xp"] #ieWin :is(.ieHome,.ieSummary){background:#fff!important}

/* Explicit exclusions: the Winamp player and playlist retain their exact skin. */
html[data-theme="xp"] .radio,html[data-theme="xp"] #trackPanel{font-family:inherit}