/* KNUH Shoulder worksheet — 주요 문서 탭
   화면은 vendor/file-explorer(js-fileexplorer) 라이브러리가 그린다. 그 라이브러리는 CSS
   변수를 쓰지 않고 색을 직접 박아 두므로, 여기서 fe_fileexplorer_* 클래스를 app.css 변수로
   덮어써 앱 테마(라이트/다크)에 맞춘다. 레이아웃(크기/여백/폰트크기)은 손대지 않고 색만 바꾼다. */

.dc-explorer-wrap{height:min(74vh,760px);min-height:440px;position:relative}

/* ---------- 라이브러리 색 재정의 ---------- */
.dc-explorer-wrap .fe_fileexplorer_wrap{font-family:inherit;font-size:13px}
.dc-explorer-wrap .fe_fileexplorer_inner_wrap{
  border-color:var(--line);color:var(--ink);background-color:var(--card);border-radius:var(--radius)}
.dc-explorer-wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused{border-color:var(--ac)}

.dc-explorer-wrap .fe_fileexplorer_path_segment_wrap:hover{border-color:var(--ac-soft);background-color:var(--ac-soft)}
.dc-explorer-wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_path_segment_wrap_focus,
.dc-explorer-wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_drag_hover{border-color:var(--ac);background-color:var(--ac-soft)}

.dc-explorer-wrap .fe_fileexplorer_items_message_wrap{color:var(--sub)}

.dc-explorer-wrap .fe_fileexplorer_item_wrap_inner:hover{background-color:var(--card2);border-color:var(--card2)}
.dc-explorer-wrap .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner{background-color:var(--ac-soft);border-color:var(--ac-soft)}
.dc-explorer-wrap .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner:hover{background-color:var(--ac-soft);border-color:var(--ac)}
.dc-explorer-wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_focus .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner{background-color:var(--ac-soft)}
.dc-explorer-wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_focus .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner:hover,
.dc-explorer-wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_focus .fe_fileexplorer_item_focused .fe_fileexplorer_item_wrap_inner{border-color:var(--ac)}
.dc-explorer-wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_focus .fe_fileexplorer_item_selected.fe_fileexplorer_item_focused .fe_fileexplorer_item_wrap_inner{background-color:var(--ac-soft)}
.dc-explorer-wrap .fe_fileexplorer_inner_wrap .fe_fileexplorer_items_wrap .fe_fileexplorer_item_wrap.fe_fileexplorer_drag_hover .fe_fileexplorer_item_wrap_inner{background-color:var(--ac-soft)}

.dc-explorer-wrap .fe_fileexplorer_items_clipboard_overlay_paste_text_wrap{background-color:var(--card);border-color:var(--line)}
.dc-explorer-wrap .fe_fileexplorer_items_clipboard_overlay_paste_wrap_focus .fe_fileexplorer_items_clipboard_overlay_paste_text_wrap{border-color:var(--ac)}
.dc-explorer-wrap .fe_fileexplorer_items_clipboard_overlay_paste_text{color:var(--sub)}

.dc-explorer-wrap .fe_fileexplorer_select_box{border-color:var(--ac);background-color:color-mix(in srgb, var(--ac) 30%, transparent)}
.dc-explorer-wrap .fe_fileexplorer_statusbar_wrap{color:var(--sub)}

.dc-explorer-wrap .fe_fileexplorer_popup_wrap{background-color:var(--card2);border-color:var(--line);color:var(--ink)}
.dc-explorer-wrap .fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap:focus{background-color:var(--ac-soft)}
.dc-explorer-wrap .fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap.fe_fileexplorer_popup_item_disabled:focus{background-color:var(--card2)}
.dc-explorer-wrap .fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap.fe_fileexplorer_popup_item_disabled .fe_fileexplorer_popup_item_text{color:var(--sub)}

/* ---------- 진행률(업로드/받기, 라이브러리와 별개) ---------- */
.dc-tasks{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:8px;
  max-width:300px}
.dc-task{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);
  padding:9px 12px;font-size:12px}
.dc-tasklabel{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}
.dc-taskbar{height:5px;border-radius:99px;background:var(--card2);overflow:hidden}
.dc-taskfill{height:100%;width:0;background:var(--ac);transition:width .2s}
.dc-taskpct{margin-top:5px;color:var(--sub)}
.dc-task.ok .dc-taskfill{background:var(--ok)}
.dc-task.ok .dc-taskpct{color:var(--ok)}
.dc-task.bad .dc-taskfill{background:var(--bad)}
.dc-task.bad .dc-taskpct{color:var(--bad)}

/* ---------- 모달(미리보기) ---------- */
.dc-modalbtns{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.dc-prevbox{max-width:900px}
.dc-prevhead h3{word-break:break-all}
.dc-prevbody{min-height:120px;max-height:64vh;overflow:auto;margin-top:4px}
.dc-prevnote{font-size:11.5px;color:var(--sub);margin-bottom:10px}
.dc-prev-docx{font-size:13.5px;line-height:1.75;color:var(--ink)}
.dc-prev-docx img{max-width:100%}
.dc-prev-docx table{border:1px solid var(--line)}
.dc-prev-pdf{width:100%;height:60vh;border:1px solid var(--line);border-radius:9px}
.dc-prev-img{text-align:center}
.dc-prev-img img{max-width:100%;max-height:60vh;border-radius:9px}
.dc-prev-text{white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.6;
  background:var(--card2);border:1px solid var(--line);border-radius:9px;padding:12px;margin:0}
.dc-xtabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}
.dc-xtab{padding:5px 10px;border-radius:7px;border:1px solid var(--line);font-size:12px;color:var(--sub)}
.dc-xtab.on{color:var(--ac);border-color:var(--ac);background:var(--ac-soft)}

@media (max-width:720px){
  .dc-explorer-wrap{height:min(80vh,640px);min-height:380px}
}