/* Content → Library (Porchlight 3.0i): the search row and the filter icon. */
.searchrow { display: flex; gap: var(--s-2); align-items: center; margin-bottom: 10px; }
.searchrow #song-search { flex: 1; min-width: 0; margin-bottom: 0; }
.filterbtn { position: relative; min-width: 44px; min-height: 44px; padding: 0; display: grid; place-items: center; }
.filterbtn[aria-expanded="true"] { background: var(--pink-lo); }
.fdot { position: absolute; top: 7px; right: 7px; width: 8px; height: 8px; border-radius: 50%; background: var(--pink); }
#song-filters { margin-bottom: 10px; }
#song-filters[hidden] { display: none; }   /* .songbar sets display, which beats [hidden] */

/* 3.2g (Harold, 2026-10-15): Library's choices are a sub-menu of the Library tile, so they hang
 * off an indented rule as plain words, underlined when chosen, not as buttons like the tiles. */
#lib-chips { margin-left: 6px !important; padding-left: 8px; border-left: 2px solid var(--silver-1); }
#lib-chips .states { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 4px; }
#lib-chips .btn { border: none; border-bottom: 3px solid transparent; border-radius: 0; background: none;
                  color: var(--muted); padding: 8px 2px 5px; line-height: 1.2; }
#lib-chips .btn.on { color: var(--rose); border-bottom-color: var(--rose); font-weight: 600; background: none; }