/* Confirm Add Existing Modal */
.confirm-add-existing-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--modal-backdrop-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-modal);
  padding: var(--spacing-md);
}

.confirm-add-existing-modal {
  background: var(--modal-bg);
  border-radius: var(--modal-border-radius);
  padding: var(--modal-padding);
  max-width: 400px;
  width: 100%;
  box-shadow: var(--shadow-xl);
  animation: slideIn 0.2s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.confirm-add-existing-title {
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-xl);
  color: var(--color-text-primary);
  text-align: center;
  font-weight: var(--font-weight-normal);
}

.confirm-add-existing-title strong {
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
}

.confirm-add-existing-content {
  margin-bottom: var(--spacing-lg);
}

.confirm-add-existing-qty-info {
  background: var(--color-bg-surface);
  border: var(--border-width-thin) solid var(--color-border-light);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-md);
  margin: var(--spacing-md) 0;
}

.qty-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-xs) 0;
  font-size: var(--font-size-base);
}

.qty-row.qty-total {
  margin-top: var(--spacing-sm);
  padding-top: var(--spacing-sm);
  border-top: var(--border-width-medium) solid var(--color-border-medium);
  font-weight: var(--font-weight-semibold);
}

.qty-label {
  color: var(--color-text-secondary);
}

.qty-value {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-lg);
}

.qty-total .qty-label,
.qty-total .qty-value {
  color: var(--color-primary);
  font-size: var(--font-size-lg);
}

.confirm-add-existing-actions {
  display: flex;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

.confirm-add-existing-btn {
  flex: 1;
  padding: var(--button-padding-y) var(--button-padding-x);
  border: none;
  border-radius: var(--button-border-radius);
  font-size: var(--font-size-base);
  font-weight: var(--button-font-weight);
  cursor: pointer;
  transition: var(--transition-base);
}

.confirm-add-existing-btn.cancel {
  background: var(--color-bg-surface);
  color: var(--color-text-primary);
  border: var(--border-width-thin) solid var(--color-border-medium);
}

.confirm-add-existing-btn.cancel:hover {
  background: var(--color-bg-hover);
  border-color: var(--color-border-dark);
}

.confirm-add-existing-btn.confirm {
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.confirm-add-existing-btn.confirm:hover {
  background: var(--color-primary-hover);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.confirm-add-existing-btn.confirm:active {
  transform: translateY(0);
}

@media (max-width: 480px) {
  .confirm-add-existing-modal {
    max-width: 90%;
  }
  
  .confirm-add-existing-actions {
    flex-direction: column;
  }
}