/********************************* Info *************************/

#settings {
    margin-bottom: 20px;
}

#settingsHeader {
    margin-bottom: 10px;
}

#settingsToggle {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

#settingsToggleInput {
    width: fit-content;
}

#settingsToggleLabel {
    font-size: 16px;
}

#settingsInfo {
    font-size: 12px;
}

/************************************* Products *************************/

#products {
    margin-bottom: 20px;
}

#productsHeader {
    margin-bottom: 10px;
}

#productsGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.productsGridItem {
    padding: 10px;
    border: 1px solid lightgray;
    max-width: 200px;
}


/************************************* Renewals *************************/

#renewals {
    margin-bottom: 20px;
}

#renewalsHeader {
    margin-bottom: 5px;
}

#renewalsSummary {
    margin-bottom: 10px;
    font-size: 17px;
}

#renewalsInfo {
    margin-bottom: 10px;
    font-size: 12px;
}

#renewalsGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.renewalsGridItem {
    padding: 10px;
    border: 1px solid lightgray;
    min-width: 175px;
}