/* Shared tab action styles */
.card-tab-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  background: linear-gradient(135deg, var(--primary), #6c5ce7);
  color: white;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
}

.card-tab-action:hover {
  color: white;
}

.card-tab-action svg {
  width: 16px;
  height: 16px;
}

.card-tab-action-danger svg {
  color: #ff9a9a;
}

.card-tab-action-danger:hover {
  background: linear-gradient(135deg, rgba(231, 76, 60, 0.45), rgba(192, 57, 43, 0.45)), linear-gradient(135deg, var(--primary), #6c5ce7);
  box-shadow: 2px 2px 10px rgba(231, 76, 60, 0.5);
}

.card-tab-action-danger:hover svg {
  color: white;
}

/* Action tabs on left edge of card */
.card-tabs-left {
  display: flex;
  flex-direction: column;
  margin-right: -1px;
  padding: 1rem 0;
  z-index: 1;
}

.card-tabs-left .card-tab-action:hover {
  box-shadow: -3px 3px 12px rgba(0, 0, 0, 0.25);
  transform: translateX(-1px);
}

.card-tabs-left > :first-child {
  border-radius: var(--radius) 0 0 0;
}

.card-tabs-left > :last-child {
  border-radius: 0 0 0 var(--radius);
}

/* Action tabs on right edge of card */
.card-tabs-right {
  display: flex;
  flex-direction: column;
  margin-left: -1px;
  padding: 1rem 0;
  z-index: 1;
}

.card-tabs-right .card-tab-action:hover {
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25);
  transform: translateX(1px);
}

.card-tabs-right > :first-child {
  border-radius: 0 var(--radius) 0 0;
}

.card-tabs-right > :last-child,
.card-tabs-right > :last-child .card-tab-action {
  border-radius: 0 0 var(--radius) 0;
}

/* button_to wraps in a form; keep it inline in tab */
.card-tabs-right form {
  display: flex;
}