/* Search-filter dialog semantics and touch targets. */
#searchFilterDialog .filter-section-header {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    appearance: none;
}

#searchFilterDialog .filter-section-header-main {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

#searchFilterDialog :is(button, input, select):focus-visible,
#filterSaveDialog :is(button, input, select):focus-visible,
#licenseDialog :is(button, input, select):focus-visible {
    outline: 3px solid rgba(37, 99, 235, 0.32);
    outline-offset: 2px;
}

@media (max-width: 767px) {
    #searchFilterDialog button,
    #searchFilterDialog select,
    #searchFilterDialog input[type="text"],
    #searchFilterDialog input[type="search"] {
        min-height: 44px;
        box-sizing: border-box;
    }

    #searchFilterDialog .sfd-close-btn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    #searchFilterDialog .filter-section-header,
    #searchFilterDialog .region-chip,
    #searchFilterDialog .data-type-chip,
    #searchFilterDialog #districtPanel label {
        min-height: 44px;
        box-sizing: border-box;
    }

    #searchFilterDialog .sfd-footer button {
        min-width: 44px;
    }

    #searchFilterDialog .sfd-body {
        overscroll-behavior: contain;
    }

    #filterSaveDialog button,
    #filterSaveDialog input[type="text"],
    #licenseDialog button,
    #licenseDialog input[type="text"],
    #licenseDialog input[type="search"] {
        min-height: 44px;
        box-sizing: border-box;
    }

    #filterSaveDialog .fsd-close-btn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    #filterSaveDialog .fsd-alert-toggle,
    #licenseDialog :is(.license-select-all-btn, .license-switch, .license-choice-item) {
        min-height: 44px;
        box-sizing: border-box;
    }
}