/* Kugyeol Media Manager List View Fix v3 */

/* 활성 버튼 표시 */
#mediamanager__page .kugyeol-mm-active {
    background: #2c3e50 !important;
    border-color: #2c3e50 !important;
    color: #ffffff !important;
}

/* 목록 모드: ul 기본 정리 */
body.kugyeol-mm-list-mode #mediamanager__page .panel.filelist .panelContent ul,
#mediamanager__page.kugyeol-mm-list-mode .panel.filelist .panelContent ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 목록 모드: 파일 항목 */
body.kugyeol-mm-list-mode #mediamanager__page .panel.filelist .panelContent li,
#mediamanager__page.kugyeol-mm-list-mode .panel.filelist .panelContent li,
#mediamanager__page .panel.filelist .panelContent li.kugyeol-mm-list-item {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 0 8px 0 !important;
    padding: 10px 14px !important;
    border: 1px solid #dbe3ea !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    list-style: none !important;
    box-shadow: none !important;
    clear: both !important;
    float: none !important;
}

/* 목록 모드에서는 썸네일/아이콘 영역 숨김 */
body.kugyeol-mm-list-mode #mediamanager__page .panel.filelist .panelContent li dt,
#mediamanager__page.kugyeol-mm-list-mode .panel.filelist .panelContent li dt,
#mediamanager__page .panel.filelist .panelContent li.kugyeol-mm-list-item dt,
body.kugyeol-mm-list-mode #mediamanager__page .panel.filelist .panelContent li img,
#mediamanager__page.kugyeol-mm-list-mode .panel.filelist .panelContent li img,
#mediamanager__page .panel.filelist .panelContent li.kugyeol-mm-list-item img {
    display: none !important;
}

/* 목록 모드: dl을 단순 세로 정보형으로 */
body.kugyeol-mm-list-mode #mediamanager__page .panel.filelist .panelContent li dl,
#mediamanager__page.kugyeol-mm-list-mode .panel.filelist .panelContent li dl,
#mediamanager__page .panel.filelist .panelContent li.kugyeol-mm-list-item dl {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 목록 모드: 정보 줄 */
body.kugyeol-mm-list-mode #mediamanager__page .panel.filelist .panelContent li dd,
#mediamanager__page.kugyeol-mm-list-mode .panel.filelist .panelContent li dd,
#mediamanager__page .panel.filelist .panelContent li.kugyeol-mm-list-item dd {
    display: inline-block !important;
    margin: 0 16px 0 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    line-height: 1.6 !important;
    float: none !important;
    color: #475569 !important;
}

/* 첫 번째 dd는 파일명으로 간주 */
body.kugyeol-mm-list-mode #mediamanager__page .panel.filelist .panelContent li dd:first-of-type,
#mediamanager__page.kugyeol-mm-list-mode .panel.filelist .panelContent li dd:first-of-type,
#mediamanager__page .panel.filelist .panelContent li.kugyeol-mm-list-item dd:first-of-type {
    display: block !important;
    margin: 0 0 4px 0 !important;
    font-weight: 800 !important;
    color: #1f2937 !important;
    word-break: break-all !important;
}

/* 목록 모드: 단순 링크 구조 대응 */
body.kugyeol-mm-list-mode #mediamanager__page .panel.filelist .panelContent li > a,
#mediamanager__page.kugyeol-mm-list-mode .panel.filelist .panelContent li > a,
#mediamanager__page .panel.filelist .panelContent li.kugyeol-mm-list-item > a {
    display: block !important;
    width: 100% !important;
    color: #1f2937 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* 썸네일 모드: v3가 붙인 목록용 클래스 영향 제거 */
body.kugyeol-mm-thumb-mode #mediamanager__page .panel.filelist .panelContent li {
    clear: none !important;
}

/* =========================================
   Kugyeol Media Manager Button State Fix
   - 섬네일 모드에서 목록 버튼이 계속 어둡게 남는 문제 보정
========================================= */

/* 비활성 보기 버튼은 밝은색 */
#mediamanager__page .kugyeol-mm-list-control,
#mediamanager__page .kugyeol-mm-thumb-control {
    background: #ffffff !important;
    border-color: #d7e0ea !important;
    color: #475569 !important;
}

/* 현재 활성 보기 버튼만 어두운색 */
#mediamanager__page .kugyeol-mm-active {
    background: #2c3e50 !important;
    border-color: #2c3e50 !important;
    color: #ffffff !important;
}

/* 섬네일 모드에서는 목록 버튼을 반드시 밝게 */
body.kugyeol-mm-thumb-mode #mediamanager__page .kugyeol-mm-list-control {
    background: #ffffff !important;
    border-color: #d7e0ea !important;
    color: #475569 !important;
}

/* 목록 모드에서는 섬네일 버튼을 반드시 밝게 */
body.kugyeol-mm-list-mode #mediamanager__page .kugyeol-mm-thumb-control {
    background: #ffffff !important;
    border-color: #d7e0ea !important;
    color: #475569 !important;
}

/* 활성 버튼은 마지막에 다시 한 번 우선 적용 */
body.kugyeol-mm-thumb-mode #mediamanager__page .kugyeol-mm-thumb-control.kugyeol-mm-active,
body.kugyeol-mm-list-mode #mediamanager__page .kugyeol-mm-list-control.kugyeol-mm-active {
    background: #2c3e50 !important;
    border-color: #2c3e50 !important;
    color: #ffffff !important;
}