/* Custom styles for action buttons */
ion-item {
  --ion-item-background: transparent;
}

ion-item ion-buttons[slot="end"] {
  --color: #2dd36f !important;
  --color-activated: #28ba62 !important;
  --color-focused: #48d08f !important;
  --color-hover: #28ba62 !important;
}

ion-item ion-buttons[slot="end"] ion-button {
  --color: #2dd36f !important;
  --color-activated: #28ba62 !important;
  --color-focused: #48d08f !important;
  --color-hover: #28ba62 !important;
}

ion-item ion-buttons[slot="end"] ion-button::part(native) {
  color: #2dd36f !important;
  --color: #2dd36f !important;
}

ion-item ion-buttons[slot="end"] ion-button ion-icon {
  color: #2dd36f !important;
  --ion-color-base: #2dd36f !important;
  --ion-color-contrast: #2dd36f !important;
  --ionicon-stroke-width: 40px !important;
}

/* Hover and focus states */
ion-item ion-buttons[slot="end"] ion-button:hover,
ion-item ion-buttons[slot="end"] ion-button:focus {
  --color: #28ba62 !important;
  color: #28ba62 !important;
}

ion-item ion-buttons[slot="end"] ion-button:hover ion-icon,
ion-item ion-buttons[slot="end"] ion-button:focus ion-icon {
  color: #28ba62 !important;
  --ion-color-base: #28ba62 !important;
}

/* Specific icon targeting */
ion-item ion-buttons[slot="end"] ion-button ion-icon[name="eye-outline"],
ion-item ion-buttons[slot="end"] ion-button ion-icon[name="trash-outline"] {
  color: #2dd36f !important;
  --ion-color-base: #2dd36f !important;
  --ion-color-contrast: #2dd36f !important;
  --ionicon-stroke-width: 40px !important;
}