/* Opleverdocumenten CSS styling */

.opleverdocumenten-thumbnail {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.opleverdocumenten-thumbnail:hover {
    transform: scale(1.08);
    box-shadow: 0 4px 10px rgba(0,0,0,0.18);
}

.table-dt-table td, table.table td {
    vertical-align: middle !important;
}

/* Upload & WebP Conversion Loader Overlay */
#opleverdocumenten-upload-loader .modal-content {
    box-shadow: 0 5px 25px rgba(0,0,0,0.25);
    border: none;
}

#opleverdocumenten-upload-loader .fa-spin {
    animation: fa-spin 1.2s infinite linear;
}

/* File Type Preview Badge Cards */
.file-badge-link {
    text-decoration: none !important;
    display: inline-block;
}

.file-badge-card {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    text-decoration: none;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.08);
}

.file-badge-card:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 10px rgba(0,0,0,0.14);
}

.file-badge-card .file-badge-icon {
    font-size: 18px;
    margin-bottom: 2px;
}

.file-badge-card .file-badge-ext {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1;
}

/* Color Themes for File Badges */
.file-badge-pdf {
    background-color: #ffebee;
    color: #c62828;
    border-color: #ffcdd2;
}

.file-badge-word {
    background-color: #e3f2fd;
    color: #1565c0;
    border-color: #bbdefb;
}

.file-badge-excel {
    background-color: #e8f5e9;
    color: #2e7d32;
    border-color: #c8e6c9;
}

.file-badge-powerpoint {
    background-color: #fbe9e7;
    color: #d84315;
    border-color: #ffccbc;
}

.file-badge-text {
    background-color: #eceff1;
    color: #37474f;
    border-color: #cfd8dc;
}

.file-badge-zip {
    background-color: #fff3e0;
    color: #ef6c00;
    border-color: #ffe0b2;
}

.file-badge-media {
    background-color: #f3e5f5;
    color: #6a1b9a;
    border-color: #e1bee7;
}

.file-badge-cad {
    background-color: #ede7f6;
    color: #4527a0;
    border-color: #d1c4e9;
}

.file-badge-default {
    background-color: #f5f5f5;
    color: #616161;
    border-color: #e0e0e0;
}