.reclamation-container {
    .selector {
        border-width: 0;
        background: none;
        padding: 0;
        height: auto;

        select {
            padding-inline: 12px;
            opacity: 1;
            background-color: white;
            position: static;
            font-size: 13px;
        }

        span {
            display: none;
        }
    }

    .uploader {
        height: auto;

        .action {
            background-color: black;
        }
    }

    .btn {
        white-space: nowrap;
    }

    form {
        position: relative;
    }

    .form-group input,
    .form-group select {
        padding-block: 12px;
        height: auto;
    }

    .otp-inputs {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 10px;
    }

    .otp-field {
        width: clamp(40px, 50px, calc(100% / 6));
        height: 50px !important;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    #image-previews {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;

        .preview-item {
            .thumbnail-wrapper {
                position: relative;
                margin-bottom: 10px;

                img {
                    height: 100px;
                    width: 100%;
                    object-fit: cover;
                    margin-bottom: 0;
                }

                .remove-image {
                    position: absolute;
                    top: 2px;
                    right: 2px;
                    border-radius: 50%;
                    width: 20px;
                    height: 20px;
                    padding: 0;
                    line-height: 18px;
                    text-align: center;
                    background: rgba(217, 83, 79, 0.8);
                    border: none;
                    color: white;
                    font-weight: bold;
                    cursor: pointer;

                    &:hover {
                        background: rgba(217, 83, 79, 1);
                    }
                }
            }
        }
    }

    @media screen and (min-width: 640px) {
        .alert-info {
            text-align: center;
            font-size: 27px;
        }

        .form-group {
            max-width: 50%;
        }

        .form-group:has(.otp-inputs) {
            max-width: unset;
        }

        button[name="submitAuth"],
        button[name="submitOtp"] {
            position: absolute;
            right: 0;
            bottom: 0;
        }
    }

    @media screen and (min-width: 1280px) {
        .uploader {
            .filename,
            .action {
                height: 41px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .two-column-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;

            .form-group {
                max-width: unset;
                margin-bottom: 0;
            }

            .button-container {
                display: flex;
                align-items: end;
                justify-content: end;
            }
        }
    }
}