﻿
.ItemsListView {
    position: fixed;
    top: 70%;
    left: 50%;
    width: 90svw;
    height: 80vh;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    background-color: var(--GlassColor);
    backdrop-filter: var(--GlassBlur);
    -webkit-backdrop-filter: var(--GlassBlur);
    padding: 20px;
    padding-left: 20px;
    padding-right: 20px;
    transform: translate(-50%, -70%) scale(1);
    opacity: 1;
    z-index: var(--ModalDepth);
}


    .ItemsListView .HeaderConsole {
        display: flex;
        justify-content: center;
        padding: 20px;
        background-color: var(--GlassColor);
        border-radius: 6px;
    }



.ItemsList {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: stretch;
    row-gap: 15px;
    margin-top: 0px;
    overflow-y: scroll;
    padding-right: 15px;
    height: 100%;
    padding-bottom: 10px;
}

    .ItemsList .Item {
        display: flex;
        flex-direction: row;
        justify-content: stretch;
        align-items:center;
        min-height: 70px;
        padding: 25px;
        column-gap:15px;
        background-color: var(--GlassColor);
        border-radius: 6px;
    }


        .ItemsList .Item .Info {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: start;
            row-gap: 10px;
        }

            .ItemsList .Item .Info span:first-child {
                color: var(--FontColor);
                font-size: 0.9em;
            }

            .ItemsList .Item .Info span:last-child {
                color: var(--FontOppositeColor);
                font-size: 0.9em;
            }

        .ItemsList .Item .Quantity {
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items:end;
            row-gap: 10px;
            font-size: 0.9em;
        }

        .ItemsList .Item .Quantity div {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            column-gap: 10px;
        }




.ItemsListView .FooterConsole {
    display:flex;
}

    .ItemsListView .FooterConsole button {
        background-color: var(--ThemeColor);
        width: 100%;
        color: var(--FontOppositeColor);
        border-radius:6px;
    }