/*
 * Icon picker — the map-icon swatch on the case-property form.
 *
 * The swatch is styled as a `.form-control` so it reads as a twin
 * of the colour input next to it. Bootstrap's focus ring only
 * applies on `:focus` / `:focus-visible`, which drops the instant
 * the dropdown opens and focus moves to the filter input inside.
 *
 * The rule below keeps the swatch's focus ring visible while the
 * dropdown is open — either by `aria-expanded="true"` (set by
 * Bootstrap's Dropdown component) or by `:focus-within` on the
 * wrapping `.dropdown` (any descendant focused — filter input,
 * icon tile). Mirrors the Tabler focus-ring box-shadow.
 */

.dropdown:focus-within > .form-control[aria-expanded],
.dropdown > .form-control[aria-expanded="true"] {
  border-color: var(--tblr-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}