/* jokbo-download 스킨 추가 CSS */

/* 파일 목록 컬럼 */
.jkb-col-file { width: 70px; text-align: center; }
.jkb-table--download .jkb-col-title { min-width: 200px; }

/* 상세: 파일 다운로드 영역 */
.jkb-download-files {
    padding: 18px 20px; border: 1px solid #e8ecf0; border-radius: 10px;
    background: #f8f9fa; margin: 20px 0;
}
.jkb-download-files h4 {
    font-size: 14px; font-weight: 700; margin: 0 0 14px;
    color: #333; display: flex; align-items: center; gap: 6px;
}
.jkb-download-files h4 i { color: var(--primary, #0d2b52); }

.jkb-file-list { list-style: none; padding: 0; margin: 0; }
.jkb-file-item {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 12px; border-radius: 6px; transition: background .12s;
}
.jkb-file-item:hover { background: #edf0f5; }
.jkb-file-item i { color: var(--primary, #0d2b52); font-size: 16px; flex-shrink: 0; }
.jkb-file-item a {
    color: #333; text-decoration: none; font-size: 14px;
    font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.jkb-file-item a:hover { color: var(--primary, #0d2b52); text-decoration: underline; }
.jkb-file-size { font-size: 12px; color: #999; flex-shrink: 0; }

/* 이미지 미리보기 */
.jkb-download-preview { margin: 20px 0; }
.jkb-download-preview h4 { font-size: 14px; font-weight: 700; margin: 0 0 12px; color: #333; }
.jkb-preview-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px;
}
.jkb-preview-grid img { width: 100%; border-radius: 6px; border: 1px solid #eee; aspect-ratio: 4/3; object-fit: cover; }

/* 글쓰기: 파일 드롭존 */
.jkb-file-drop {
    border: 2px dashed #ddd; border-radius: 10px; padding: 40px 20px;
    text-align: center; cursor: pointer; transition: border-color .15s, background .15s;
    background: #fafafa;
}
.jkb-file-drop:hover, .jkb-file-drop.drag {
    border-color: var(--primary, #0d2b52); background: #f0f4ff;
}
.jkb-file-drop i { font-size: 36px; color: #bbb; margin-bottom: 12px; display: block; }
.jkb-file-drop p { margin: 0; color: #777; font-size: 14px; }
.jkb-file-hidden { display: none; }

.jkb-file-preview { margin-top: 12px; }
.jkb-file-preview-item {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; border-radius: 6px; background: #f0f4ff;
    font-size: 14px; color: #444; margin-bottom: 6px;
}
.jkb-file-preview-item i { color: var(--primary, #0d2b52); }
.jkb-file-preview-item small { color: #888; margin-left: auto; }

/* 글쓰기: 파일 필드 강조 */
.jkb-field--file-main label { font-size: 15px; }

@media (max-width: 640px) {
    .jkb-col-file { display: none; }
    .jkb-preview-grid { grid-template-columns: repeat(2, 1fr); }
}