/* adjust multiselect dropdown position */
.bottom-selector>.multiselect-dropdown {
    bottom: 38px;
    transform: translateY(0);
}

/* align total column header to the right on category distribution grid */
.category-distribution-grid .ag-header-cell[col-id="total"] .ag-header-cell-label {
    justify-content: flex-end;
    overflow: visible;
}

.category-distribution-grid .ag-header-cell[col-id="total"] .ag-header-cell-text {
    overflow: visible;
}

.category-distribution-grid .ag-header-cell[col-id="total"] {
    padding: 0;
}

/* set minimum height for category distribution grid */
.category-distribution-grid .ag-center-cols-viewport {
    min-height: 70px !important;
}

/* filter selector adjustments */
.filter-select-reduced-gap .ww-input-select__selected {
    gap: 0px !important;
}

.filter-select-flip-content .ww-input-select__selected {
    flex-direction: row-reverse !important;
}

.filter-select-hide-icon .ww-input-select__selected~div {
    display: none !important;
}

/* safe area insets */
#app {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    background-color: #F3F4F6;
}

/* older browser support */
@supports not (height: 100dvh) {

    /* fix modal height */
    .content.-modal {
        height: 100vh;
    }

    /* fix ag grid width */
    .ag-root {
        max-width: 100%;
    }

    /* fix ag grid header icons */
    .ag-icon-desc:before {
        background-color: unset;
        background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3Cpath%20d%3D%22m19%2012-7%207-7-7%22%2F%3E%3C%2Fsvg%3E);
    }

    .ag-icon-asc:before {
        background-color: unset;
        background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m5%2012%207-7%207%207%22%2F%3E%3Cpath%20d%3D%22M12%2019V5%22%2F%3E%3C%2Fsvg%3E);
    }
}