body.with-background {
    background-image: url('../media/auth/bg4.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

[data-bs-theme="dark"] body.with-background {
    background-image: url('../media/auth/bg4-dark.jpg');
}

.file-rejected {
    border: 3px solid #dc3544 !important;
}

[data-file] {
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
}

[data-file]:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

[data-bs-theme="dark"] [data-file]:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.file-approved {
    border: 3px solid #35dc83 !important;
}