/* One search/action pattern for Discover, Showcase, Portfolio and Messages. */
.search-toolbar {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 22rem;
    min-width: 0;
    min-height: 48px;
    gap: 0;
    padding-inline-end: 2px;
    border: 1px solid var(--border-control);
    border-radius: var(--search-radius, 999px);
    background: var(--card);
}
.search-toolbar:focus-within { border-color: var(--accent); outline: 2px solid var(--accent); outline-offset: 2px; }
.search-toolbar .community-search-field { flex: 1 1 0; min-width: 0; border-radius: inherit; }
.search-toolbar :is(.community-search-input, .showcase-gallery-search, [data-message-search]) {
    flex: 1 1 0;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    border: 0;
    border-radius: inherit;
    background: transparent;
    box-shadow: none;
}
.search-toolbar :is(.community-search-input, .showcase-gallery-search, [data-message-search]):focus { outline: none; background: transparent; box-shadow: none; }
.search-toolbar .search-toolbar-dropdown { position: static; flex: none; margin: 0; max-width: 50%; }
.search-toolbar .search-toolbar-dropdown > summary,
.page-showcase .showcase-search-tools .search-toolbar-dropdown > summary {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    width: auto;
    height: auto;
    min-width: 44px;
    min-height: 44px;
    padding: .5rem .75rem;
    border: 1px solid transparent;
    border-radius: var(--search-radius, 999px);
    background: transparent;
    color: var(--text);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
}
.search-toolbar-dropdown > summary::-webkit-details-marker { display: none; }
.search-toolbar-dropdown > summary::marker { content: ''; }
.search-toolbar .search-toolbar-dropdown > summary:is(:hover, :focus-visible),
.search-toolbar .search-toolbar-dropdown[open] > summary,
.search-toolbar .search-toolbar-dropdown:has(input:checked) > summary { color: var(--accent); background: var(--accent-soft); }
.search-toolbar .search-toolbar-dropdown > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
.search-toolbar-icon { flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.search-toolbar .search-toolbar-menu {
    position: absolute;
    z-index: 30;
    inset-inline-end: 0;
    inset-block-start: calc(100% + .45rem);
    width: min(20rem, calc(100vw - 2rem));
    max-width: 100%;
    max-height: min(28rem, 65dvh);
    overflow-y: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .45rem;
    margin: 0;
    padding: .65rem;
    border: 1px solid var(--border);
    border-radius: var(--control-radius, 12px);
    background: var(--card);
    color: var(--text);
    box-shadow: var(--shadow-md);
    text-align: start;
}
.search-toolbar-menu :is(a, button, label) { overflow-wrap: anywhere; }
.search-toolbar-menu > a,
.search-toolbar-menu > button,
.search-toolbar-menu > .message-unread-filter {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: 100%;
    min-height: 44px;
    padding: .6rem .7rem;
    margin: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font-size: .82rem;
    line-height: 1.5;
    text-decoration: none;
    text-align: start;
}
.search-toolbar-menu > :is(a, button, label):hover { color: var(--accent); background: var(--accent-soft); }
.search-toolbar-menu :is(a, button, input, select):focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.search-toolbar-menu label { font-size: .8rem; }
.search-toolbar-menu .form-select { min-height: 44px; font-size: .85rem; }
.search-toolbar .search-toolbar-menu .followers-entry { max-width: none; margin: 0; border-radius: 8px; }
.search-toolbar .search-toolbar-menu .followers-entry::before { content: none; }
.search-toolbar-menu .followers-entry span { margin-inline-start: auto; }
.search-toolbar-menu .gallery-motion-controls { position: static; display: grid; width: auto; height: auto; margin: 0; padding: .4rem 0 0; overflow: visible; clip: auto; clip-path: none; white-space: normal; border-top: 1px solid var(--border); }
.search-toolbar-menu .gallery-motion-controls .btn { width: 100%; min-height: 44px; justify-content: center; white-space: normal; font-size: .82rem; }
.search-toolbar-menu [data-gallery-motion-status] { font-size: .75rem; color: var(--muted); }
.page-showcase .search-toolbar .community-search-input { padding-inline-end: .5rem; }
.page-showcase .search-toolbar .search-toolbar-menu { margin-top: 0; }
.message-thread-tools .search-toolbar { flex-basis: auto; }
.message-dock .search-toolbar-dropdown > summary .search-toolbar-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.message-dock .search-toolbar [data-message-search] { background: transparent; }
@media (max-width: 575px) {
    .search-toolbar-dropdown > summary .search-toolbar-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .search-toolbar .search-toolbar-dropdown > summary { padding: .5rem; }
    .search-toolbar .showcase-gallery-search { flex-basis: 0; }
}
@media (forced-colors: active) {
    .search-toolbar .search-toolbar-dropdown[open] > summary { border-color: Highlight; }
}