@layer utilities {
  .focus-ring {
    @apply focus:outline-none focus:ring-2 focus:ring-primary;
  }
  .badge-brand-primary { @apply bg-brand-primary text-white; }
  .badge-brand-secondary { @apply bg-brand-secondary text-white; }
  .badge-brand-success { @apply bg-brand-success text-white; }
  .badge-brand-info { @apply bg-brand-info text-white; }
  .badge-brand-warning { @apply bg-brand-warning text-white; }
  .badge-brand-error { @apply bg-brand-error text-white; }
  .badge-brand-neutral { @apply bg-brand-neutral text-white; }
  .bank-badge { height: auto; line-height: 1.2; }
  .card.compact .card-body { @apply p-3 text-sm; }
  .card.compact:hover { @apply bg-base-300/50; }
  .card.no-gap {
    gap: 0;
  }
  .compact-section {
    margin-top: 0.75rem; /* ~mt-3 */
    margin-bottom: 0.75rem;
  }
}