/*
 * Retainer Components
 * Badge colors are in badges.css
 * Most styles now use shared components from layout.css and cards.css
 */

@layer components {
  /* Inline form layout for transaction forms */
  .inline-form .form-row {
    display: flex;
    gap: var(--space-3);
    align-items: flex-end;
  }

  .inline-form .form-group {
    margin-bottom: 0;
  }

  .inline-form .form-group-grow {
    flex: 1;
  }

  .inline-form .form-group-action {
    flex-shrink: 0;
  }
}