/* V310: separate SFX volume above themes; shadows stay under pieces. */
body:not(.board-view) #view-settings #clThemesPanel .cl-standalone-sfx{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:7px!important;width:min(740px,100%)!important;
  margin:4px auto 17px!important;padding:12px 20px 15px!important;
  background:rgba(80,115,161,.055)!important;border:1px solid #d8e3f0!important;
  border-radius:14px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-standalone-sfx-title{
  margin:0!important;padding:0!important;text-align:center!important;
  font-size:15px!important;font-weight:800!important;color:#263f60!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-standalone-sfx-slider{
  margin:0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:5px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-standalone-sfx-slider .audio-slider-row{
  display:flex!important;justify-content:flex-end!important;min-height:15px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-standalone-sfx-slider .audio-slider-row span[hidden]{display:none!important;}
body:not(.board-view) #view-settings #clThemesPanel .cl-standalone-sfx-slider input[type="range"]{
  display:block!important;width:100%!important;max-width:100%!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-visible-piece-shadows{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;margin:12px 0 0!important;padding:10px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-visible-piece-shadows label{font-size:12px!important;}
@media(max-width:560px){
 body:not(.board-view) #view-settings #clThemesPanel .cl-visible-piece-shadows{grid-template-columns:1fr!important;}
 body:not(.board-view) #view-settings #clThemesPanel .cl-standalone-sfx{padding:10px 12px!important;}
}