/* Loads after the component bundle so the Issuers field matches Form Types,
   and every Forms selector uses the same stroke caret. */

.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .party-multiselect__menu,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .party-multiselect__activator-wrap,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .party-multiselect__field,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .mud-input-control,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .mud-input-control-input-container,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .mud-input-outlined,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .mud-input-slot {
    width: 100% !important;
    height: var(--tops-input-height) !important;
    min-height: var(--tops-input-height) !important;
    margin: 0 !important;
    background-color: var(--color-misty-grey-100) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .mud-input-outlined-border {
    border-color: var(--color-misty-grey-200) !important;
    border-radius: 8px !important;
}

.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers input.mud-input-slot,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers input.mud-input-slot::placeholder,
.forms-filter-search-row .forms-inline-filter .mud-select-input {
    color: var(--color-brand-blue-600) !important;
    font-family: var(--tops-body-font) !important;
    font-size: var(--tops-body-sm-size) !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

.forms-filter-search-row .forms-inline-filter .mud-select-icon .mud-icon-root,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .mud-input-adornment-end .mud-icon-root,
.forms-year-select-wrap .mud-select-icon .mud-icon-root {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    font-size: 16px !important;
    color: var(--tops-gray-500) !important;
    background: none !important;
}

.forms-year-select-wrap .mud-select-icon {
    inset-inline-end: 0.75rem !important;
    margin-inline-end: 0 !important;
    pointer-events: none;
}

.forms-year-select-wrap .mud-select-icon .mud-icon-root {
    color: var(--color-brand-blue-600) !important;
}

.forms-year-select-wrap .mud-select-input {
    color: transparent !important;
    font-size: 0 !important;
    padding: 0 !important;
    pointer-events: none;
}

.forms-filter-search-row .forms-inline-filter .mud-select-icon .mud-icon-root svg,
.forms-filter-search-row .party-multiselect.forms-inline-filter-issuers .mud-input-adornment-end .mud-icon-root svg,
.forms-filter-search-row .forms-search-field .mud-input-adornment.mud-input-adornment-start {
    margin-inline: 0 0.25rem;
}

.forms-filter-search-row .forms-search-field.mud-input-control input.mud-input-slot.mud-input-root-outlined,
.forms-filter-search-row .forms-search-field input.mud-input-slot {
    padding-inline-start: 0;
}

.forms-year-select-wrap .mud-select-icon .mud-icon-root svg {
    width: 16px !important;
    height: 16px !important;
    display: block;
}

/* Mud sets this menu's min-width to the Tax Year box. Do not replace that
   with a content width, or the list stops lining up under the box. */
.mud-popover.forms-page-mud-popover.forms-year-select-popover {
    width: auto;
    max-width: none;
}

.mud-popover.forms-page-mud-popover.forms-year-select-popover .mud-list,
.mud-popover.forms-page-mud-popover.forms-year-select-popover .mud-list-item,
.mud-popover.forms-page-mud-popover.forms-year-select-popover .mud-list-item-text,
.mud-popover.forms-page-mud-popover.forms-year-select-popover .mud-typography {
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    max-width: none;
}