/* 뮤즈스코어 파일 탭: 음계 PPT 목록과 같은 배치에 관리자 버튼과 파일 정보를 더한다. */
#musescore-panel{max-width:1200px;min-height:calc(100vh - 220px);margin:auto;padding:40px 32px 64px}
#musescore-panel[hidden]{display:none}
.musescore-admin{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid #f3dfb4;background:#fffaf0;border-radius:var(--corner,14px);padding:14px 20px;margin-bottom:20px}
.musescore-admin[hidden]{display:none}.musescore-admin p{margin:0;font-size:13px;color:#7a5b16;line-height:1.6;flex:1;min-width:220px}
#musescore-list{padding:0;margin:0;list-style:none;border:1px solid var(--line);border-radius:var(--corner);background:var(--surface);overflow:hidden}
#musescore-list:empty{display:none}
#musescore-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px}
#musescore-list li+li{border-top:1px solid var(--line)}
#musescore-list label{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
#musescore-list input{width:16px;height:16px;flex-shrink:0;accent-color:#0066cc}
#musescore-list label span{min-width:0;overflow-wrap:anywhere}#musescore-list b{display:block;font-size:17px;font-weight:500}#musescore-list small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.musescore-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
[data-design] #musescore-list button{flex-shrink:0;padding:9px 17px;font-size:13px;white-space:nowrap}
[data-design] #musescore-list button.danger{background:transparent;border:1px solid #e8a19b;color:#b42318}
[data-mode=dark] #musescore-list button.danger{border-color:#b6635a;color:#ff9c93}
[data-mode=dark] .musescore-admin{background:#3a2f14;border-color:#6b5520}[data-mode=dark] .musescore-admin p{color:#f0d79a}
#musescore-status{font-size:14px;line-height:1.7;color:var(--muted)}#musescore-status:empty{display:none}#musescore-status.error{color:var(--error)}
#musescore-empty{padding:60px 24px;border:1px dashed var(--line);border-radius:var(--corner);text-align:center;color:var(--muted)}
@media(max-width:640px){#musescore-panel{padding:24px 16px 48px}#musescore-list li{flex-wrap:wrap;padding:14px 16px}.musescore-actions{width:100%;justify-content:flex-start}}
#musescore-search{display:flex;align-items:center;gap:8px;flex:1;min-width:280px;max-width:560px;margin:0 12px}
#musescore-search label{font-size:13px;white-space:nowrap;margin:0}#musescore-search input{flex:1;min-width:0;margin:0;font-size:13px}#musescore-search button{flex-shrink:0}
@media(max-width:900px){#musescore-search{order:3;flex-basis:100%;max-width:none;min-width:0;margin:0}}
@media(max-width:420px){#musescore-search{flex-wrap:wrap}#musescore-search label{width:100%}}
#musescore-list small{font-weight:400}
[data-design] #musescore-list button.outline{background:transparent;border:1px solid #bdd7f4;color:#0066cc}
[data-mode=dark] #musescore-list button.outline{border-color:#355a80;color:var(--accent)}
/* 탭이 9개로 늘어 넓은 화면에서도 한 줄에 들어가도록 좌우 여백만 줄인다. */
@media(min-width:641px){[data-design] .tabs button{padding-left:clamp(10px,1.2vw,23px);padding-right:clamp(10px,1.2vw,23px)}}
.musescore-bulk{display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px dashed #cce1f7}.musescore-bulk[hidden]{display:none}
[data-design] .musescore-bulk button{background:#d92d20;border:1px solid #d92d20;color:#fff;font-size:13px;padding:9px 17px}
[data-mode=dark] .musescore-bulk{border-color:#355a80}