/****** Vendor ******/

#orders {
}

#ordersView {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 20px;
}

#ordersViewFocus {
    width: fit-content;
}

#ordersList {

}

.ordersListItem {
    border: 2px solid var(--primary);
    margin-bottom: 10px;
    padding: 10px;
    display: grid;
    row-gap: 15px;
    border-radius: 5px;
}

.ordersListItemToggle {
    cursor: pointer;
    display: flex;
    gap: 5px;
}

.ordersListItem[data-complete="true"] .ordersListItemToggle::before {
    content: "✅";
}

.ordersListItemToggle::after {
    content: "▼";
    margin-left: auto;
}

.ordersListItemToggle.active::after {
    content: "▲";
}

.ordersListItemBody {
    display: none;
}

.ordersListItemToggle.active + .ordersListItemBody {
    display: grid;
    row-gap: 15px;
}

.ordersListItemBodyHR {
    height: 2px;
    background-color: var(--primary);
    width: 100%;
    border: none;
}

.ordersListItemBodySummary {
}

.ordersListItemBodyFinalTotal,
.ordersListItemBodyShippingTotal {
    display: grid;
    align-items: center;
    grid-template-columns: 150px auto;
    gap: 10px;
}

.ordersListItemBodyFinalTotalTitle,
.ordersListItemBodyShippingTotalTitle {
    white-space: nowrap;
}

.ordersListItemBodyFinalTotalInput,
.ordersListItemBodyShippingTotalInput {
    padding: 5px 10px;
    max-width: 200px;
}

.ordersListItemBodyItems {
}

.ordersListItemBodyItems tr[data-complete="true"] {
    background-color: #e5ffe5;
}

.ordersListItemBodyItems input {
    padding: 3px;
    width: 70px;
}

.ordersListItemBodyItemsDelete {
    font-size: 14px;
}

.ordersListItemBodyLog {
}

.ordersListItemBodyEstimatedTotal {
}


.ordersListItemBodyShipments {
}

.ordersListItemBodyShipmentsTitle {
}

.ordersListItemBodyShipmentsGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 20px;
    column-gap: 20px;
}

.ordersListItemBodyShipmentsGridItem {
    border: 2px solid var(--primary);
    padding: 10px;
    border-radius: 5px;
}

.ordersListItemBodyShipmentsGridItemID {
}

.ordersListItemBodyShipmentsGridItemDate {
}

.ordersListItemBodyShipmentsGridItemTable {
}