/* List filter bars, shared by the classic and new admin looks (admin.css restyles the controls in the new one).
   A filter bar is a wrapping row of .filter-field blocks: a small label above a compact control. */
.filter-bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 16px; margin-bottom: 1rem; }
.filter-field { display: inline-flex; flex-direction: column; gap: 3px; min-width: 0; }
.filter-field.filter-grow { flex: 1 1 240px; }
.filter-label { font-size: 11px; line-height: 14px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: #6c757d; margin: 0; }
.filter-bar .btn-group-sm > .btn { white-space: nowrap; }
.filter-clear { width: 31px; height: 31px; padding: 0; border-radius: 50%; color: #6c757d; display: inline-flex; align-items: center; justify-content: center; }
.filter-clear:hover { background: rgba(0, 0, 0, .06); color: #212529; }
.filter-clear[hidden] { display: none !important; }
[hidden][data-range-custom] { display: none !important; }

/* The [...] actions menu in a list's last column. */
.row-actions .dropdown-toggle::after { display: none; }
.row-actions .btn { padding: 2px 6px; line-height: 1; }