/* Native customizable selects keep keyboard, label and form behavior intact. */
select { cursor: pointer; }
@supports (appearance: base-select) {
  select, select::picker(select) { appearance: base-select !important; }
  select { align-items: center; gap: 10px; }
  select::picker-icon { color: #64748b; font-size: 13px; transition: rotate 180ms; }
  select:open::picker-icon { rotate: 180deg; }
  select::picker(select) { color: var(--ink); background: white; border: 1px solid #dce4f0; border-radius: 6px; padding: 5px; box-shadow: 0 8px 24px #192a421a; margin-top: 6px; min-width: max(145px, anchor-size(width)); max-height: 280px; overflow-y: auto; font-size: 13px; }
  select option { display: flex; align-items: center; gap: 12px; border-radius: 4px; min-height: 34px; padding: 7px 10px; outline-offset: -2px; }
  select option:checked { background: var(--blue-soft); color: var(--blue-dark); font-weight: 600; }
  select option:hover, select option:focus { background: #f0f4fa; }
  select option::checkmark { order: 1; margin-left: auto; color: var(--blue); }
  .select-field > .icon, .activity-merchant > .icon { display: none; }
  .select-field { anchor-name: --filter-field; anchor-scope: --filter-field; }
  .select-field select::picker(select) { position-anchor: --filter-field; inset: auto; top: anchor(bottom); left: anchor(left); margin: 6px 0 0; min-width: anchor-size(width); }
  .select-field select { min-width: 90px; padding-right: 0; }
  .activity-merchant select { padding-right: 4px; }
  .sort-controls select { display: inline-flex; }
}
.login-link { font-size: 13px; color: var(--muted); white-space: nowrap; }
.login-link:hover { color: var(--blue-dark); }
.account-avatar { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; background: var(--blue-soft); border: 1px solid #d7e3fb; border-radius: 50%; color: var(--blue-dark); font-weight: 650; }
.header-actions { gap: 16px; }
@media (max-width: 680px) { .header-actions { gap: 10px; } }
@media (prefers-reduced-motion: reduce) { select::picker-icon { transition: none; } }