/*
 * Uploads component styles
 *
 * Used on (as of 2026-06-01, CType uploads):
 *   - /factoring/bestatter
 *   - /leasing/bestatter
 *   - /unternehmen/downloads
 *   - /glossar/leasing/leasingvertrag
 *   - /versicherungen
 *
 * Source: extracted from frontend/scss/includes/molecules/_uploads.scss
 */

.ce-uploads li {
    background-color: #e9ecef;
    background-image: linear-gradient(to top, #e9ecef 0%, #f8f9fa 100%);
    padding: 0.9375rem;
    margin: 0 0 0.9375rem 0;
}

.ce-uploads i.ion {
    display: inline-block;
    margin-left: 5px;
}

.ce-uploads span {
    display: inline-block;
}

.ce-uploads span.ce-uploads-filesize {
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
    font-size: 1rem;

    &:before {
        content: "";
        height: 15px;
        border-left: 1px solid var(--bs-body-color);
        position: absolute;
        top: 3px;
        left: 0;
    }
}

.ce-uploads span.ce-uploads-description {
    display: block;
}