/* =========================================================
   WorshipChords Lite - Setlist Manager styles
   Cleaner v2: matches the main WCL interface, less-is-more UI
   ========================================================= */

body.wclSetlistManagerOpen{
  overflow:hidden;
}

.wclSetlistManager{
  --wcl-sm-bg:#0b0f16;
  --wcl-sm-panel:#0d1118;
  --wcl-sm-card:#121821;
  --wcl-sm-card2:#151c27;
  --wcl-sm-line:rgba(148,163,184,.18);
  --wcl-sm-line-soft:rgba(148,163,184,.11);
  --wcl-sm-text:#f8fafc;
  --wcl-sm-muted:#94a3b8;
  --wcl-sm-soft:#cbd5e1;
  --wcl-sm-blue:#2563eb;
  --wcl-sm-blue-soft:rgba(37,99,235,.14);
  --wcl-sm-green:#16a34a;
  --wcl-sm-red:#7f1d1d;

  position:fixed;
  inset:0;
  z-index:95000;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--wcl-sm-text);
  font-family:Inter, Segoe UI, Arial, sans-serif;
}

.wclSetlistManager.isHidden{
  display:none;
}

.wclSetlistBackdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.62);
  backdrop-filter:blur(10px);
}

.wclSetlistShell{
  position:relative;
  width:min(1380px,calc(100vw - 34px));
  height:min(820px,calc(100vh - 34px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--wcl-sm-line);
  border-radius:20px;
  background:linear-gradient(180deg,#101722,#080c12);
  box-shadow:0 24px 70px rgba(0,0,0,.46);
}

.wclSetlistTop{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:18px 20px 14px;
  border-bottom:1px solid var(--wcl-sm-line-soft);
  background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(13,17,24,.76));
}

.wclSetlistTop small,
.wclSetlistPaneHead small,
.wclSetSongInfo small,
.wclSetlistLibrarySong small,
.wclSetlistFolder small{
  color:var(--wcl-sm-muted);
}

.wclSetlistTop small,
.wclSetlistPaneHead strong{
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:11px;
}

.wclSetlistTop h2{
  margin:3px 0 5px;
  font-size:23px;
  line-height:1.05;
  letter-spacing:-.025em;
  font-weight:850;
}

.wclSetlistTop p{
  margin:0;
  color:var(--wcl-sm-soft);
  max-width:760px;
  font-size:13px;
  line-height:1.45;
}

.wclSetlistClose{
  width:36px;
  height:36px;
  min-width:36px;
  padding:0;
  border-radius:11px;
  background:#111827;
  border:1px solid var(--wcl-sm-line);
  color:#e5e7eb;
  font-size:22px;
  font-weight:500;
}

.wclSetlistClose:hover{
  background:#1e293b;
}

.wclSetlistCreateBar,
.wclSetlistActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding:10px 20px;
  border-bottom:1px solid var(--wcl-sm-line-soft);
  background:rgba(8,13,22,.7);
}

.wclSetlistActions{
  background:rgba(8,13,22,.48);
}

.wclSetlistCreateBar input,
.wclSetlistLibrarySearch,
.wclSetlistNotes{
  height:36px;
  min-width:180px;
  border:1px solid var(--wcl-sm-line);
  border-radius:10px;
  background:#0b0f16;
  color:#f8fafc;
  padding:0 11px;
  font:inherit;
  font-size:13px;
  outline:none;
}

.wclSetlistCreateBar input::placeholder,
.wclSetlistLibrarySearch::placeholder,
.wclSetlistNotes::placeholder{
  color:#64748b;
}

.wclSetlistCreateBar input:focus,
.wclSetlistLibrarySearch:focus,
.wclSetlistNotes:focus{
  border-color:rgba(59,130,246,.72);
  box-shadow:0 0 0 3px rgba(37,99,235,.14);
}

.wclSetlistCreateBar button,
.wclSetlistActions button,
.wclSetlistFolder,
.wclSetlistLibrarySong button,
.wclSetSongButtons button{
  height:36px;
  border:1px solid var(--wcl-sm-line);
  border-radius:10px;
  background:#1e293b;
  color:#f8fafc;
  padding:0 11px;
  font:inherit;
  font-size:12px;
  line-height:1;
  font-weight:720;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease;
}

.wclSetlistCreateBar button:hover,
.wclSetlistActions button:hover,
.wclSetlistLibrarySong button:hover,
.wclSetSongButtons button:hover{
  background:#263244;
  border-color:rgba(148,163,184,.28);
}

.wclSetlistCreateBar #wclSetlistCreateBtn,
.wclSetlistActions #wclSetlistLoadLiveBtn{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
}

.wclSetlistCreateBar #wclSetlistCreateBtn:hover,
.wclSetlistActions #wclSetlistLoadLiveBtn:hover{
  background:#1d4ed8;
  border-color:#1d4ed8;
}

.wclSetlistActions .danger,
.wclSetSongButtons .danger{
  background:#3b1f24 !important;
  border-color:rgba(248,113,113,.24) !important;
  color:#fecaca !important;
}

.wclSetlistActions .danger:hover,
.wclSetSongButtons .danger:hover{
  background:#5f1d24 !important;
}

.wclSetlistLayout{
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:250px minmax(0,1fr) 340px;
  gap:0;
}

.wclSetlistFolders,
.wclSetlistLibraryPane{
  min-height:0;
  display:flex;
  flex-direction:column;
  border-right:1px solid var(--wcl-sm-line-soft);
  background:rgba(8,13,22,.48);
}

.wclSetlistLibraryPane{
  border-right:0;
  border-left:1px solid var(--wcl-sm-line-soft);
}

.wclSetlistPaneHead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:13px 14px;
  border-bottom:1px solid var(--wcl-sm-line-soft);
}

.wclSetlistPaneHead small{
  font-size:11px;
}

.wclSetlistFolderList,
.wclSetlistLibrary,
.wclSetlistActiveSongs{
  overflow:auto;
  padding:10px;
}

.wclSetlistFolder{
  width:100%;
  height:auto;
  min-height:66px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  margin-bottom:8px;
  background:#111827;
  border:1px solid var(--wcl-sm-line-soft);
  padding:10px 12px;
}

.wclSetlistFolder strong{
  font-size:13px;
  font-weight:780;
  margin-bottom:4px;
}

.wclSetlistFolder small{
  font-size:11px;
  line-height:1.35;
}

.wclSetlistFolder.active{
  background:var(--wcl-sm-blue-soft);
  border-color:rgba(59,130,246,.55);
  box-shadow:inset 3px 0 0 #2563eb;
}

.wclSetlistFolder.dragOver,
.wclSetlistDropZone.dragOver,
.wclSetSong.dragOver{
  outline:1px dashed #60a5fa;
  outline-offset:-4px;
  background:rgba(37,99,235,.13) !important;
}

.wclSetlistEditor{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  background:#0b0f16;
}

.wclSetlistActiveHeader{
  display:flex;
  gap:14px;
  justify-content:space-between;
  align-items:stretch;
  padding:14px 16px;
  border-bottom:1px solid var(--wcl-sm-line-soft);
  background:rgba(17,24,39,.55);
}

.wclSetlistActiveHeader small{
  color:var(--wcl-sm-muted);
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:11px;
}

.wclSetlistActiveHeader h3{
  margin:2px 0 4px;
  font-size:20px;
  line-height:1.12;
  letter-spacing:-.02em;
  font-weight:820;
}

.wclSetlistActiveHeader p{
  margin:0;
  color:var(--wcl-sm-soft);
  font-size:13px;
  line-height:1.45;
}

.wclSetlistNotes{
  width:300px;
  height:auto;
  min-height:72px;
  padding:10px 11px;
  resize:none;
  line-height:1.4;
}

.wclSetlistDropZone{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
}

.wclSetlistDropEmpty,
.wclSetlistEmpty{
  border:1px dashed rgba(148,163,184,.25);
  border-radius:14px;
  color:var(--wcl-sm-muted);
  padding:22px;
  text-align:center;
  background:rgba(17,24,39,.42);
  font-size:13px;
}

.wclSetSong,
.wclSetlistLibrarySong{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  margin-bottom:8px;
  border:1px solid var(--wcl-sm-line-soft);
  border-radius:14px;
  background:#121821;
  box-shadow:0 8px 20px rgba(0,0,0,.14);
}

.wclSetSong:hover,
.wclSetlistLibrarySong:hover{
  border-color:rgba(148,163,184,.25);
  background:#151c27;
}

.wclSetSongHandle{
  width:20px;
  color:#64748b;
  cursor:grab;
  font-size:14px;
  text-align:center;
}

.wclSetSongInfo,
.wclSetlistLibrarySong div{
  flex:1;
  min-width:0;
}

.wclSetSongInfo strong,
.wclSetlistLibrarySong strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.25;
  font-weight:760;
}

.wclSetSongInfo small,
.wclSetlistLibrarySong small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  line-height:1.3;
}

.wclSetSongKey{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--wcl-sm-muted);
  font-size:11px;
  font-weight:720;
}

.wclSetSongKey select{
  height:32px;
  min-width:68px;
  border-radius:9px;
  background:#0b0f16;
  color:#fff;
  border:1px solid var(--wcl-sm-line);
  padding:0 8px;
  font-size:12px;
}

.wclSetSongButtons{
  display:flex;
  gap:5px;
}

.wclSetSongButtons button{
  height:32px;
  min-width:32px;
  padding:0 9px;
  border-radius:9px;
  background:#1e293b;
}

.wclSetSongButtons button:disabled{
  opacity:.35;
  cursor:not-allowed;
}

.wclSetlistLibraryPane .wclSetlistLibrarySearch{
  margin:10px;
  width:calc(100% - 20px);
  min-width:0;
}

.wclSetlistLibrarySong{
  cursor:grab;
}

.wclSetlistLibrarySong.inFolder{
  border-color:rgba(34,197,94,.42);
  background:rgba(22,163,74,.10);
}

.wclSetlistLibrarySong button{
  width:34px;
  min-width:34px;
  height:34px;
  padding:0;
  border-radius:999px;
  background:#0f172a;
  font-size:16px;
  color:#cbd5e1;
}

.wclSetlistLibrarySong.inFolder button{
  background:#14532d;
  border-color:rgba(34,197,94,.48);
  color:#dcfce7;
}

.songFolderStar{
  width:30px !important;
  height:28px !important;
  min-width:30px !important;
  min-height:28px !important;
  padding:0 !important;
  border-radius:999px !important;
  background:#0f172a !important;
  border:1px solid #334155 !important;
  color:#cbd5e1 !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

.songFolderStar.active{
  background:#14532d !important;
  border-color:#22c55e !important;
  color:#dcfce7 !important;
  box-shadow:0 0 0 3px rgba(34,197,94,.13);
}

/* Light theme support for WCL theme toggle */
html[data-theme="light"] .wclSetlistManager{
  --wcl-sm-bg:#f8fafc;
  --wcl-sm-panel:#ffffff;
  --wcl-sm-card:#ffffff;
  --wcl-sm-card2:#f1f5f9;
  --wcl-sm-line:rgba(15,23,42,.14);
  --wcl-sm-line-soft:rgba(15,23,42,.09);
  --wcl-sm-text:#0f172a;
  --wcl-sm-muted:#64748b;
  --wcl-sm-soft:#475569;
  --wcl-sm-blue-soft:rgba(37,99,235,.09);
}

html[data-theme="light"] .wclSetlistBackdrop{
  background:rgba(15,23,42,.26);
}

html[data-theme="light"] .wclSetlistShell{
  background:#f8fafc;
  box-shadow:0 24px 70px rgba(15,23,42,.24);
}

html[data-theme="light"] .wclSetlistTop,
html[data-theme="light"] .wclSetlistCreateBar,
html[data-theme="light"] .wclSetlistActions,
html[data-theme="light"] .wclSetlistActiveHeader,
html[data-theme="light"] .wclSetlistFolders,
html[data-theme="light"] .wclSetlistLibraryPane{
  background:#ffffff;
}

html[data-theme="light"] .wclSetlistEditor{
  background:#f8fafc;
}

html[data-theme="light"] .wclSetlistCreateBar input,
html[data-theme="light"] .wclSetlistLibrarySearch,
html[data-theme="light"] .wclSetlistNotes,
html[data-theme="light"] .wclSetSongKey select{
  background:#ffffff;
  color:#0f172a;
}

html[data-theme="light"] .wclSetlistFolder,
html[data-theme="light"] .wclSetSong,
html[data-theme="light"] .wclSetlistLibrarySong,
html[data-theme="light"] .wclSetlistDropEmpty,
html[data-theme="light"] .wclSetlistEmpty{
  background:#ffffff;
}

html[data-theme="light"] .wclSetlistFolder:hover,
html[data-theme="light"] .wclSetSong:hover,
html[data-theme="light"] .wclSetlistLibrarySong:hover{
  background:#f8fafc;
}

html[data-theme="light"] .wclSetlistActions button,
html[data-theme="light"] .wclSetlistCreateBar button,
html[data-theme="light"] .wclSetSongButtons button,
html[data-theme="light"] .wclSetlistLibrarySong button,
html[data-theme="light"] .songFolderStar{
  background:#f1f5f9 !important;
  color:#0f172a !important;
}

html[data-theme="light"] .wclSetlistCreateBar #wclSetlistCreateBtn,
html[data-theme="light"] .wclSetlistActions #wclSetlistLoadLiveBtn{
  background:#2563eb !important;
  border-color:#2563eb !important;
  color:#fff !important;
}

html[data-theme="light"] .wclSetlistLibrarySong.inFolder button,
html[data-theme="light"] .songFolderStar.active{
  background:#dcfce7 !important;
  border-color:#86efac !important;
  color:#166534 !important;
}

@media(max-width:1000px){
  .wclSetlistShell{
    width:100vw;
    height:100svh;
    border-radius:0;
  }

  .wclSetlistTop{
    padding:14px;
  }

  .wclSetlistTop h2{
    font-size:22px;
  }

  .wclSetlistTop p{
    font-size:12px;
  }

  .wclSetlistCreateBar,
  .wclSetlistActions{
    padding:9px 10px;
    overflow-x:auto;
    flex-wrap:nowrap;
  }

  .wclSetlistCreateBar input,
  .wclSetlistCreateBar button,
  .wclSetlistActions button{
    flex:0 0 auto;
  }

  .wclSetlistLayout{
    grid-template-columns:1fr;
    overflow:auto;
  }

  .wclSetlistFolders,
  .wclSetlistLibraryPane,
  .wclSetlistEditor{
    min-height:auto;
    border:0;
    border-bottom:1px solid var(--wcl-sm-line-soft);
  }

  .wclSetlistFolderList{
    display:flex;
    overflow-x:auto;
    padding:9px 10px;
  }

  .wclSetlistFolder{
    flex:0 0 210px;
    margin:0 8px 0 0;
  }

  .wclSetlistActiveHeader{
    display:block;
    padding:13px;
  }

  .wclSetlistNotes{
    width:100%;
    margin-top:10px;
  }

  .wclSetSong{
    flex-wrap:wrap;
  }

  .wclSetSongInfo{
    flex-basis:calc(100% - 34px);
  }

  .wclSetSongKey{
    margin-left:30px;
  }

  .wclSetSongButtons{
    margin-left:auto;
  }

  .wclSetlistLibrary{
    max-height:50svh;
  }
}


/* =========================================================
   WCL main library star button minimal patch v1
   Makes the Setlist Manager star feel native to the main song list.
   ========================================================= */
.songFolderStar{
  width:21px !important;
  height:22px !important;
  min-width:21px !important;
  min-height:22px !important;
  padding:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  border:0 !important;
  color:#64748b !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:none !important;
  opacity:.72;
}

.songFolderStar:hover{
  opacity:1;
  color:#d9ab63 !important;
  background:rgba(148,163,184,.08) !important;
}

.songFolderStar.active{
  background:transparent !important;
  border-color:transparent !important;
  color:#22c55e !important;
  box-shadow:none !important;
  opacity:1;
}

html[data-theme="light"] .songFolderStar{
  background:transparent !important;
  border:0 !important;
  color:#64748b !important;
  box-shadow:none !important;
}

html[data-theme="light"] .songFolderStar:hover{
  color:#b45309 !important;
  background:rgba(15,23,42,.06) !important;
}

html[data-theme="light"] .songFolderStar.active{
  background:transparent !important;
  border-color:transparent !important;
  color:#16a34a !important;
  box-shadow:none !important;
}


/* =========================================================
   WCL Setlist Manager mobile/tablet UI split v3
   Desktop styles above are left intact. These rules only take
   over on tablet/phone widths and turn the manager into a
   compact full-screen mobile workspace.
   ========================================================= */
body.wclSetlistManagerOpen .mobileBottomNav,
body.wclSetlistManagerOpen .mobileFloatControls{
  display:none !important;
  pointer-events:none !important;
}

@media(max-width:1100px){
  body.wclSetlistManagerOpen{
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden !important;
    touch-action:none;
  }

  .wclSetlistManager{
    align-items:stretch;
    justify-content:stretch;
    z-index:95000 !important;
    background:#080d16;
  }

  .wclSetlistBackdrop{
    display:none;
  }

  .wclSetlistShell{
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    max-height:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:linear-gradient(180deg,#0b111c,#070c14) !important;
  }

  .wclSetlistTop{
    flex:0 0 auto;
    align-items:center;
    padding:10px 12px !important;
    min-height:54px;
    background:#0b111c !important;
    border-bottom:1px solid var(--wcl-sm-line-soft);
  }

  .wclSetlistTop small,
  .wclSetlistTop p{
    display:none !important;
  }

  .wclSetlistTop h2{
    margin:0 !important;
    font-size:20px !important;
    letter-spacing:-.02em;
  }

  .wclSetlistClose{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:10px !important;
    font-size:21px !important;
    background:#121821 !important;
  }

  .wclSetlistCreateBar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(88px,.65fr) minmax(0,.62fr) !important;
    gap:7px !important;
    padding:8px 10px !important;
    overflow:visible !important;
    background:#080d16 !important;
  }

  .wclSetlistCreateBar input,
  .wclSetlistCreateBar button{
    min-width:0 !important;
    width:100% !important;
    height:34px !important;
    min-height:34px !important;
    border-radius:10px !important;
    font-size:12px !important;
    padding:0 9px !important;
    white-space:nowrap;
  }

  #wclSetlistFolderName{
    grid-column:1 / 3;
  }

  #wclSetlistFolderDate{
    grid-column:3 / 4;
    padding-left:7px !important;
    padding-right:4px !important;
  }

  #wclSetlistCreateBtn,
  #wclSetlistCreateSundayBtn,
  #wclSetlistSaveLiveBtn{
    grid-row:2;
  }

  .wclSetlistActions{
    flex:0 0 auto;
    flex-wrap:nowrap !important;
    gap:7px !important;
    padding:8px 10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
    background:#080d16 !important;
  }

  .wclSetlistActions::-webkit-scrollbar{
    display:none;
  }

  .wclSetlistActions button{
    flex:0 0 auto !important;
    height:32px !important;
    min-height:32px !important;
    border-radius:999px !important;
    padding:0 11px !important;
    font-size:11px !important;
    font-weight:720 !important;
  }

  .wclSetlistActions #wclSetlistLoadLiveBtn{
    position:sticky;
    left:0;
    z-index:2;
    box-shadow:8px 0 18px rgba(8,13,22,.76);
  }

  .wclSetlistLayout{
    flex:1 1 auto;
    min-height:0;
    display:flex !important;
    flex-direction:column !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  .wclSetlistEditor{
    order:1;
    flex:0 0 auto;
    min-height:auto !important;
    border-bottom:1px solid var(--wcl-sm-line-soft);
  }

  .wclSetlistFolders{
    order:2;
    flex:0 0 auto;
    min-height:auto !important;
    border:0 !important;
    border-bottom:1px solid var(--wcl-sm-line-soft) !important;
    background:rgba(8,13,22,.42) !important;
  }

  .wclSetlistLibraryPane{
    order:3;
    flex:1 1 auto;
    min-height:300px !important;
    border:0 !important;
    background:rgba(8,13,22,.22) !important;
  }

  .wclSetlistPaneHead{
    min-height:38px !important;
    padding:9px 10px !important;
  }

  .wclSetlistPaneHead strong{
    font-size:10px !important;
  }

  .wclSetlistPaneHead small{
    font-size:10px !important;
  }

  .wclSetlistActiveHeader{
    display:block !important;
    padding:10px !important;
    background:#0b111c;
  }

  .wclSetlistActiveHeader small{
    display:none !important;
  }

  .wclSetlistActiveHeader h3{
    margin:0 0 4px !important;
    font-size:17px !important;
    line-height:1.15 !important;
  }

  .wclSetlistActiveHeader p{
    font-size:11px !important;
    line-height:1.35 !important;
    color:var(--wcl-sm-muted) !important;
  }

  .wclSetlistNotes{
    width:100% !important;
    min-width:0 !important;
    height:48px !important;
    min-height:48px !important;
    margin-top:8px !important;
    padding:8px 10px !important;
    border-radius:11px !important;
    font-size:12px !important;
  }

  .wclSetlistActiveSongs{
    padding:8px 9px 10px !important;
    max-height:42dvh;
    overflow:auto !important;
  }

  .wclSetlistDropEmpty,
  .wclSetlistEmpty{
    padding:16px 12px !important;
    border-radius:14px !important;
    font-size:12px !important;
  }

  .wclSetSong{
    display:grid !important;
    grid-template-columns:18px minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    gap:6px 8px !important;
    align-items:center !important;
    padding:8px !important;
    margin-bottom:7px !important;
    border-radius:13px !important;
    box-shadow:none !important;
  }

  .wclSetSongHandle{
    grid-column:1;
    grid-row:1 / 3;
    width:18px !important;
    font-size:14px !important;
  }

  .wclSetSongInfo{
    grid-column:2;
    grid-row:1;
    flex-basis:auto !important;
    min-width:0 !important;
  }

  .wclSetSongInfo strong{
    font-size:13px !important;
    line-height:1.15 !important;
  }

  .wclSetSongInfo small{
    margin-top:2px !important;
    font-size:10.5px !important;
  }

  .wclSetSongKey{
    grid-column:2;
    grid-row:2;
    margin-left:0 !important;
    gap:6px !important;
    font-size:10px !important;
    color:var(--wcl-sm-muted) !important;
  }

  .wclSetSongKey select{
    height:28px !important;
    min-width:58px !important;
    width:58px !important;
    border-radius:9px !important;
    font-size:12px !important;
    padding:0 7px !important;
  }

  .wclSetSongButtons{
    grid-column:3;
    grid-row:1 / 3;
    display:grid !important;
    grid-template-columns:repeat(2,28px) !important;
    gap:5px !important;
    margin-left:0 !important;
    align-self:center !important;
  }

  .wclSetSongButtons button{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    min-height:28px !important;
    padding:0 !important;
    border-radius:9px !important;
    font-size:11px !important;
  }

  .wclSetSongButtons [data-wcl-open-song]{
    grid-column:1 / 3;
    width:61px !important;
    min-width:61px !important;
    font-size:10px !important;
  }

  .wclSetlistFolderList{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:8px 10px 10px !important;
    scrollbar-width:none;
  }

  .wclSetlistFolderList::-webkit-scrollbar{
    display:none;
  }

  .wclSetlistFolder{
    flex:0 0 164px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    box-shadow:none !important;
  }

  .wclSetlistFolder strong{
    font-size:12px !important;
    line-height:1.2 !important;
  }

  .wclSetlistFolder small{
    margin-top:2px !important;
    font-size:10px !important;
  }

  .wclSetlistLibraryPane .wclSetlistLibrarySearch{
    width:calc(100% - 20px) !important;
    min-width:0 !important;
    height:34px !important;
    margin:8px 10px !important;
    border-radius:10px !important;
    font-size:13px !important;
  }

  .wclSetlistLibrary{
    max-height:none !important;
    padding:0 10px 24px !important;
  }

  .wclSetlistLibrarySong{
    padding:8px 9px !important;
    margin-bottom:7px !important;
    border-radius:13px !important;
    gap:8px !important;
    box-shadow:none !important;
  }

  .wclSetlistLibrarySong strong{
    font-size:13px !important;
    line-height:1.15 !important;
  }

  .wclSetlistLibrarySong small{
    margin-top:2px !important;
    font-size:10.5px !important;
  }

  .wclSetlistLibrarySong button{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    border-radius:10px !important;
    font-size:14px !important;
  }
}

@media(max-width:430px){
  .wclSetlistCreateBar{
    grid-template-columns:1fr 92px !important;
  }

  #wclSetlistFolderName{
    grid-column:1;
  }

  #wclSetlistFolderDate{
    grid-column:2;
  }

  #wclSetlistCreateBtn,
  #wclSetlistCreateSundayBtn,
  #wclSetlistSaveLiveBtn{
    grid-row:auto;
  }

  #wclSetlistCreateBtn{
    grid-column:1;
  }

  #wclSetlistCreateSundayBtn,
  #wclSetlistSaveLiveBtn{
    grid-column:auto;
  }

  .wclSetlistActions button{
    height:31px !important;
    padding:0 10px !important;
  }

  .wclSetlistActiveSongs{
    max-height:40dvh;
  }

  .wclSetSong{
    grid-template-columns:16px minmax(0,1fr) 56px !important;
    gap:5px 7px !important;
  }

  .wclSetSongButtons{
    grid-template-columns:repeat(2,26px) !important;
    gap:4px !important;
  }

  .wclSetSongButtons button{
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    min-height:26px !important;
  }

  .wclSetSongButtons [data-wcl-open-song]{
    width:56px !important;
    min-width:56px !important;
  }
}

html[data-theme="light"] .wclSetlistManager{
  background:#f8f3e8;
}

@media(max-width:1100px){
  html[data-theme="light"] .wclSetlistShell,
  html[data-theme="light"] .wclSetlistTop,
  html[data-theme="light"] .wclSetlistCreateBar,
  html[data-theme="light"] .wclSetlistActions,
  html[data-theme="light"] .wclSetlistActiveHeader{
    background:#fffaf0 !important;
  }
}


/* ===== Compact mobile refinement v3: icon actions + smaller selected song rows ===== */
.wclBtnIcon{display:none;}
.wclBtnText{display:inline;}

.wclSetSongMeta{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  margin-top:3px;
  color:var(--wcl-sm-muted);
  font-size:11px;
  line-height:1.3;
}

.wclSetSongMeta > span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:1100px){
  .wclBtnIcon{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
  .wclBtnText{display:none !important;}

  .wclSetlistTop{
    min-height:48px !important;
    padding:8px 10px !important;
  }

  .wclSetlistTop h2{
    font-size:18px !important;
  }

  .wclSetlistClose{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    border-radius:9px !important;
    font-size:20px !important;
  }

  .wclSetlistCreateBar{
    grid-template-columns:minmax(0,1fr) 92px 38px 38px !important;
    grid-template-rows:34px !important;
    gap:6px !important;
    padding:7px 8px !important;
  }

  #wclSetlistFolderName{grid-column:1 !important;grid-row:1 !important;}
  #wclSetlistFolderDate{grid-column:2 !important;grid-row:1 !important;}
  #wclSetlistCreateBtn{grid-column:3 !important;grid-row:1 !important;}
  #wclSetlistSaveLiveBtn{grid-column:4 !important;grid-row:1 !important;}

  .wclSetlistCreateBar input,
  .wclSetlistCreateBar button{
    height:32px !important;
    min-height:32px !important;
    border-radius:9px !important;
    font-size:11.5px !important;
    padding:0 8px !important;
  }

  .wclSetlistCreateBar #wclSetlistCreateBtn,
  .wclSetlistCreateBar #wclSetlistSaveLiveBtn{
    width:38px !important;
    min-width:38px !important;
    padding:0 !important;
    font-size:16px !important;
    font-weight:700 !important;
  }

  .wclSetlistCreateBar #wclSetlistSaveLiveBtn{
    background:#1e293b !important;
    border-color:var(--wcl-sm-line) !important;
  }

  .wclSetlistActions{
    gap:6px !important;
    padding:6px 8px !important;
  }

  .wclSetlistActions button{
    height:29px !important;
    min-height:29px !important;
    padding:0 9px !important;
    font-size:10.5px !important;
    border-radius:999px !important;
  }

  .wclSetlistActiveHeader{
    padding:8px 9px !important;
  }

  .wclSetlistActiveHeader h3{
    font-size:16px !important;
    margin-bottom:2px !important;
  }

  .wclSetlistActiveHeader p{
    font-size:10.5px !important;
  }

  .wclSetlistActiveSongs{
    padding:6px 7px 8px !important;
    max-height:37dvh !important;
  }

  .wclSetSong{
    display:grid !important;
    grid-template-columns:14px minmax(0,1fr) 82px !important;
    grid-template-rows:auto !important;
    gap:6px !important;
    align-items:center !important;
    padding:7px 7px !important;
    margin-bottom:6px !important;
    border-radius:12px !important;
    min-height:50px !important;
  }

  .wclSetSongHandle{
    grid-column:1 !important;
    grid-row:1 !important;
    width:14px !important;
    font-size:13px !important;
  }

  .wclSetSongInfo{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
  }

  .wclSetSongInfo strong{
    font-size:12.5px !important;
    line-height:1.15 !important;
  }

  .wclSetSongInfo small{display:none !important;}

  .wclSetSongMeta{
    margin-top:2px !important;
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    font-size:10px !important;
    line-height:1.15 !important;
  }

  .wclSetSongMeta > span{
    flex:0 1 auto;
    max-width:calc(100% - 50px);
  }

  .wclSetSongKey{
    flex:0 0 auto;
    margin:0 !important;
    gap:0 !important;
    font-size:0 !important;
  }

  .wclSetSongKey span{display:none !important;}

  .wclSetSongKey select{
    width:45px !important;
    min-width:45px !important;
    height:24px !important;
    min-height:24px !important;
    border-radius:8px !important;
    padding:0 5px !important;
    font-size:11px !important;
  }

  .wclSetSongButtons{
    grid-column:3 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:repeat(3,24px) !important;
    gap:4px !important;
    margin-left:0 !important;
    align-self:center !important;
  }

  .wclSetSongButtons button{
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
    min-height:24px !important;
    padding:0 !important;
    border-radius:8px !important;
    font-size:10.5px !important;
  }

  .wclSetlistPaneHead{
    min-height:34px !important;
    padding:7px 8px !important;
  }

  .wclSetlistFolderList,
  .wclSetlistLibrary,
  .wclSetlistActiveSongs{
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .wclSetlistLibraryPane .wclSetlistLibrarySearch{
    height:29px !important;
    margin:7px !important;
    width:calc(100% - 14px) !important;
    border-radius:9px !important;
    font-size:11.5px !important;
  }

  .wclSetlistLibrarySong{
    padding:7px 8px !important;
    margin-bottom:6px !important;
    border-radius:11px !important;
    gap:8px !important;
  }

  .wclSetlistLibrarySong strong{
    font-size:12px !important;
    line-height:1.15 !important;
  }

  .wclSetlistLibrarySong small{
    margin-top:2px !important;
    font-size:10px !important;
  }

  .wclSetlistLibrarySong button{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    min-height:28px !important;
    border-radius:9px !important;
    font-size:13px !important;
  }

  .wclSetlistDropEmpty,
  .wclSetlistEmpty{
    padding:12px 10px !important;
    font-size:11px !important;
    border-radius:12px !important;
  }
}

@media(max-width:430px){
  .wclSetlistCreateBar{
    grid-template-columns:minmax(0,1fr) 88px 34px 34px !important;
    grid-template-rows:32px !important;
    gap:5px !important;
  }

  .wclSetlistCreateBar #wclSetlistCreateBtn,
  .wclSetlistCreateBar #wclSetlistSaveLiveBtn{
    width:34px !important;
    min-width:34px !important;
    font-size:15px !important;
  }

  #wclSetlistFolderDate{
    padding-left:5px !important;
    padding-right:2px !important;
    font-size:10.5px !important;
  }

  .wclSetSong{
    grid-template-columns:12px minmax(0,1fr) 78px !important;
    min-height:48px !important;
    padding:6px !important;
  }

  .wclSetSongButtons{
    grid-template-columns:repeat(3,22px) !important;
    gap:4px !important;
  }

  .wclSetSongButtons button{
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    min-height:22px !important;
    font-size:10px !important;
  }

  .wclSetSongKey select{
    width:43px !important;
    min-width:43px !important;
    height:23px !important;
  }
}