/* ===== 공통 파일 카드 컴팩트 스타일 ===== */
.file-card-compact {
    transition: all 0.2s ease;
    background: #fff;
    min-width: 120px;
    max-width: 200px;
}

.file-card-compact:hover {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.file-card-compact a {
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

/* ===== 목록별 버튼 분리 규칙 ===== */

/* 처리된 파일 목록 전용 컨테이너(보기/삭제 2열) */
.processed-list .file-card-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}

/* 보기(처리된) */
.processed-list .btn-view-processed {
    border-color: #3b82f6;
    color: #1d4ed8;
    padding: .425rem .6rem;
    font-size: .8125rem;
    font-weight: 600;
}

.processed-list .btn-view-processed:hover {
    background: rgba(59, 130, 246, .08);
}

/* 삭제(처리된) — 더 작게 */
.processed-list .btn-delete-processed {
    border-color: #ef4444;
    color: #b91c1c;
    padding: .3rem .5rem;
    font-size: .75rem;
    font-weight: 600;
}

.processed-list .btn-delete-processed:hover {
    background: rgba(239, 68, 68, .08);
}

/* 백업 파일 목록 전용 컨테이너(단일 버튼) */
.backup-list .file-card-single-button {
    display: flex;
    margin-top: .25rem;
}

/* 보기(백업) — 강조 색상 */
.backup-list .btn-view-backup {
    width: 100%;
    border-color: #10b981;
    color: #047857;
    padding: .45rem .75rem;
    font-size: .8125rem;
    font-weight: 700;
}

.backup-list .btn-view-backup:hover {
    background: rgba(16, 185, 129, .08);
}

/* ===== 백업 파일 날짜 헤더 ===== */
.list-group-item .bg-light {
    transition: background-color 0.2s ease;
}

.list-group-item:hover .bg-light {
    background-color: #e9ecef !important;
}

/* ===== 진행바 애니메이션 ===== */
.progress {
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar {
    transition: width 0.6s ease;
}

/* ===== 반응형 텍스트 ===== */
@media (max-width: 768px) {
    .card-body {
        padding: 1.5rem !important;
    }
}

/* ===== 스크롤바 스타일링(모달) ===== */
.modal-body pre::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.modal-body pre::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.modal-body pre::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.modal-body pre::-webkit-scrollbar-thumb:hover {
    background: #555;
}