/* ============================================================================
   COMPONENT: team-type — the Add-Team type chooser (FEA-0007). One option
   today (non-medical care); the pattern leaves room for future types.
   ========================================================================== */

@layer components {
  .team-type__option {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md);
    border: var(--border-width) solid var(--color-border-strong);
    border-radius: var(--radius-md);
    background: var(--surface-raised);
    cursor: pointer;

    &:has(input:checked) { border-color: var(--accent); }
    &:has(input:focus-visible) { box-shadow: var(--focus-ring); }
  }

  .team-type__icon { display: inline-flex; color: var(--accent); }
  .team-type__name { display: block; font-weight: var(--weight-medium); }
  .team-type__hint { display: block; font-size: var(--text-sm); }
}