// ============================================================================
// Chatbot Footer - Message Bar - Attach
// ============================================================================
.pf-v6-c-button.pf-chatbot__button--attach {
  border-radius: var(--pf-t--global--border--radius--pill);
  padding: var(--pf-t--global--spacer--md);
  width: 3rem;
  height: 3rem;

  .pf-v6-c-button__icon {
    color: var(--pf-t--global--icon--color--subtle);
  }

  // Interactive states
  &:hover {
    .pf-v6-c-button__icon {
      color: var(--pf-t--global--icon--color--regular);
    }
  }

  &:active,
  &:focus {
    background-color: var(--pf-t--global--color--brand--clicked);

    .pf-v6-c-button__icon {
      color: var(--pf-t--global--icon--color--inverse);
    }

    &:hover,
    &:focus {
      .pf-v6-c-button__icon {
        color: var(--pf-t--global--icon--color--inverse);
      }
    }
  }
}

// ============================================================================
// Information density styles
// ============================================================================
.pf-v6-c-button.pf-chatbot__button--attach.pf-m-compact {
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
}